https://github.com/suhdev/bem-class-gen
A utility class to generate bootstrap 4 classes
https://github.com/suhdev/bem-class-gen
Last synced: about 1 year ago
JSON representation
A utility class to generate bootstrap 4 classes
- Host: GitHub
- URL: https://github.com/suhdev/bem-class-gen
- Owner: suhdev
- Created: 2018-12-11T22:21:38.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-15T22:01:37.000Z (over 7 years ago)
- Last Synced: 2025-03-24T03:36:39.396Z (over 1 year ago)
- Language: TypeScript
- Size: 55.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# bem-class-gen
A utility object to generate BEM class names. The object also supports generating bootstrap 4 class names.
## Usage
```javascript
import {B} from 'bem-class-gen';
var clz = B().bl('some-block');
const clzBlockName = clz.bem;//sys-block
const clzElementName = clz.el('test').bem; //sys-block__test
const clzModName = clz.el('test').mod('modifier').bem; //sys-block__test--modifier
const clzModName = clz.el('test').amod('modifier').bem; //sys-block__test sys-block__test--modifier
//bootstrap class names
const bootstrapMediaQuery = clz.s.col(12).l.col(6).bem ; //some-block col-sm-12 col-lg-6
const bootstrapJustityContent = clz.jcb.bem ; //justify content between
const bootstrapFlex = clz.flex.r.bem ; //sys-block d-flex flex-row
```