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

go

$ GO111MODULE=on go get github.com/atomic-package/apb

usage

Default Usage

$ apb new

scssフォルダを基に、各ファイルが生成されます。

Designation Folder Name

$ apb new [appName]

任意のフォルダ名を指定できます。

Designation Create Path

$ apb new [appName] --path=path

任意の生成パスを指定できます。

pathフラグのショートカットコマンドは以下の通りとなります。

$ apb new -p path

Generate Command

Default Usage

$ 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    
    

GOPATH

Make sure your PATH includes the $GOPATH/bin directory so your commands can be easily used:

export PATH=$PATH:$GOPATH/bin

Creators

Daisuke Takayama

• @webcyou
• @panicdragon
• https://github.com/webcyou
• https://github.com/panicdragon
• http://www.webcyou.com/

Copyright and license

MIT