BEMJSON snippets
BEMJSON snippets for Sublime Text (2 || 3)
Labels snippets
Details
Installs
- Total 1K
- Win 749
- Mac 264
- Linux 165
Jun 4 | Jun 3 | Jun 2 | Jun 1 | May 31 | May 30 | May 29 | May 28 | May 27 | May 26 | May 25 | May 24 | May 23 | May 22 | May 21 | May 20 | May 19 | May 18 | May 17 | May 16 | May 15 | May 14 | May 13 | May 12 | May 11 | May 10 | May 9 | May 8 | May 7 | May 6 | May 5 | May 4 | May 3 | May 2 | May 1 | Apr 30 | Apr 29 | Apr 28 | Apr 27 | Apr 26 | Apr 25 | Apr 24 | Apr 23 | Apr 22 | Apr 21 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Readme
- Source
- raw.githubusercontent.com
BEMJSON snippets for Sublime
Write BEMSJON faster.
Install
Copy the files in sublime-directory\Data\Packages\User
Usage
Blocks
b – BEM block
{
block : '${1:name}',
content : [
$0
]
}
btc - BEM block with text content
{
block : '${1:name}',
content : '$0'
}
bwm - BEM block with modifier.
{
block : '${1:name}',
mods: { ${2:modName}: '${3:modVal}' },
content : [
$0
]
}
bwt - BEM block with tag mod
{
block : '$1',
tag : '$2',
content : [
$0
]
}
bfc - BEM block with function content
{
block : '$1',
content : (function () {
return $0;
})()
}
Elements
e - BEM elem
{
elem : '$1',
content : [
$0
]
}
etc - BEM elem with text content
{
elem : '$1',
content : '$0'
}
ewt - BEM elem with tag mod
{
elem : '$1',
tag : '$2',
content : [
$0
]
}
efc - BEM elem with function content
{
elem : '$1',
content : (function () {
return $0;
})()
}
bundle - Template for bemjson file.
([
{
block: 'b-page',
mods: {theme: 'normal'},
title: 'title',
head: [
{elem: 'css', url: '.css'},
],
content: [
{
block : '',
content : [
]
}
]
}
]);
Mods
t - BEM tag mod
tag : '$1',
js – BEM js mod
js : { $1 : '$2' },
mo - BEM mods mod
mods : { $1 : '$2' },
mi - BEM mix mod
mix : [ { $1 : '$2' } ],
a - BEM attrs mod
attrs : { $1 : '$2' },
Links
For ATOM users = atom-bemjson-snippets