apb-cli
Command line tool for developing APB CSS (Atomic Parts Base CSS)
APB CSS http://apbcss.com/
What is this๏ผ
APBCSS Assets File ็ๆใฎ็บใฎใณใใณใใฉใคใณใใผใซใงใใ
Install
Install with npm:
npm install -g @atomic-package/apb-cli
usage
Default Usage
apb new
scssใใฉใซใใๅบใซใๅใใกใคใซใ็ๆใใใพใใ
Designation Folder Name
apb new [appName]
ไปปๆใฎใใฉใซใๅใๆๅฎใงใใพใใ
Designation Create Path
apb new [appName] --path=path
ไปปๆใฎ็ๆใในใๆๅฎใงใใพใใ
Generate Command
Default Usage
apb generate [assetsType]
or
apb --generate [assetsType]
Shortcut
apb -g [assetsType]
Assets Type
| AssetsType Name | Details |
|---|---|
| base | ใขใใชใฑใผใทใงใณใฎbaseใจใชใstyleใๅฎ็พฉใใใฆใใใใกใคใซ็พค |
| pages | ใขใใชใฑใผใทใงใณใฎๅใใผใธๅบๆใฎstyleใๅฎ็พฉใใใฆใใใใกใคใซ็พค |
| parts | APBCSSใฎcoreใจใชใๅใใผใใฎstyleใๅฎ็พฉใใใฆใใใใกใคใซ็พค |
What's included
scss/
โโโ base/
โ โโโ _base.scss
โ โโโ _mixin.scss
โ โโโ _reset.scss
โ โโโ _setting.scss
โโโ pages/
โ โโโ _index.scss
โ โโโ _pages_inc.scss
โโโ parts/
โ โโโ _animation.scss
โ โโโ _base.scss
โ โโโ _bg.scss
โ โโโ _box.scss
โ โโโ _button.scss
โ โโโ _footer.scss
โ โโโ _form.scss
โ โโโ _header.scss
โ โโโ _icon.scss
โ โโโ _list.scss
โ โโโ _media_queries.scss
โ โโโ _modal.scss
โ โโโ _navigation_menu.scss
โ โโโ _paragraph.scss
โ โโโ _separate.scss
โ โโโ _table.scss
โ โโโ _title.scss
โโโ _common_inc.scss
โโโ _parts.scss
โโโ style.scss
Creators
Daisuke Takayama
- @webcyou
- @panicdragon
- https://github.com/webcyou
- https://github.com/panicdragon
- http://www.webcyou.com/
Copyright and license
MIT
