BEMJSON snippets

by 1vank1n ALL

BEMJSON snippets for Sublime Text (2 || 3)

Details

Version 0.0.3
Homepage github.com
Issues github.com
Modified 9 years ago
Last Seen 24 minutes ago
First Seen 10 years ago

Installs

Total 1K
Win 784
Mac 286
Linux 172

	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	Dec 7	Dec 6	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
Windows	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	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
Mac	0	0	0	0	0	0	0	0	0	0	0	1	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
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

Contributors

@1vank1n @campykid @vkhv