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