1.5.0 • Published 9 years ago
bemstyla v1.5.0
bemstyla
Creates block__elem_mod-name_mod-value styl files
One command
bemstyla block__elem_mod-name_mod-val
Makes dirs and styl files
tree
blocks
└── block
├── __elem
│ ├── _mod-name
│ │ └── block__elem_mod-name_mod-val.styl
│ └── block__elem.styl
└── block.styl
And writes initial selector
cat blocks/block/block__elem.styl
.block__elem
{}
Install
npm install --global bemstyla
Usage
bemstyla --help
Usage: bemstyla [options]
Options:
-h, --help output usage information
-V, --version output the version number
-t, --type [type] file type [styl]
-f, --format [format] file content format [styl] (by default based on type)
-d, --dir [path] output files location
Examples:
bemstyla -h
bemstyla block__elem
bemstyla block_mod block__elem_mod foo__bar foo__qux
bemstyla block--mod block__elem--mod
bemstyla header.pug body.jade footer.html
bemstyla -t css bar__baz_qux
bemstyla -f less foo_bar
bemstyla -d styles/blocks blockname
Pug (Jade) file support
bemstyla index.pug
bemstyla _content.pug _sidebar.pug _footer.pug
HTML file support
bemstyla index.html
bemstyla _content.html _sidebar.html _footer.html
Output file extension
Default: styl
bemstyla -t less block__elem
bemstyla --type css block__elem
File content format
Default: styl
based on file type
bemstyla -f less block__elem
bemstyla --format css block__elem
Formats
Default,
styl
,sass
.block {}
Usage
.block border: none
css
,less
,scss
.block { }
Usage
.block { border: none; }
Output file location
bemstyla -d css/components block__elem
bemstyla --dir styles/blocks block__elem
Solutions with the same functionality
License
MIT © Vladimir Rodkin
1.5.0
9 years ago
1.4.0
9 years ago
1.3.2
10 years ago
1.3.1
10 years ago
1.3.0
10 years ago
1.2.0
10 years ago
1.1.1
10 years ago
1.1.0
10 years ago
1.0.1
10 years ago
1.0.0
10 years ago
0.6.1
10 years ago
0.6.0
10 years ago
0.5.0
10 years ago
0.4.1
10 years ago
0.3.1
10 years ago
0.3.0
10 years ago
0.2.2
10 years ago
0.2.1
10 years ago
0.2.0
10 years ago