BEMJSON snippets
BEMJSON snippets for Sublime Text (2 || 3)
Labels snippets
Details
Installs
- Total 1K
- Win 784
- Mac 287
- Linux 172
Jan 21 | Jan 20 | Jan 19 | Jan 18 | Jan 17 | Jan 16 | Jan 15 | Jan 14 | Jan 13 | Jan 12 | Jan 11 | Jan 10 | Jan 9 | Jan 8 | Jan 7 | Jan 6 | Jan 5 | Jan 4 | Jan 3 | Jan 2 | Jan 1 | Dec 31 | Dec 30 | Dec 29 | Dec 28 | Dec 27 | Dec 26 | Dec 25 | Dec 24 | Dec 23 | Dec 22 | Dec 21 | Dec 20 | Dec 19 | Dec 18 | Dec 17 | Dec 16 | Dec 15 | Dec 14 | Dec 13 | Dec 12 | Dec 11 | Dec 10 | Dec 9 | Dec 8 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 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 | 1 | 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 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 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 | 0 | 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