https://github.com/atomic-package/apb
Command line tool for developing APB CSS (Atomic Parts Base CSS)
https://github.com/atomic-package/apb
Last synced: 4 months ago
JSON representation
Command line tool for developing APB CSS (Atomic Parts Base CSS)
- Host: GitHub
- URL: https://github.com/atomic-package/apb
- Owner: atomic-package
- Created: 2020-11-23T02:26:40.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-11-25T05:27:30.000Z (over 5 years ago)
- Last Synced: 2025-03-03T07:15:10.507Z (over 1 year ago)
- Language: SCSS
- Size: 34.2 KB
- Stars: 2
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://twitter.com/webcyou)
* [@panicdragon](https://twitter.com/panicdragon)
*
*
*
## Copyright and license
MIT