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