fe-stylekit

Frontend Stylekit base on PostCSS.

Install

$ npm install -g @pamlab/stylekit

Usage

$ stylekit

|Name|Type|Default|Description| |:---|:--:|:-----:|:----------| |-i, --input|{String}|src/css|Input Directory| |-o, --output|{String}|css|Output Directory| |-t, --target|pc or sp|all|Target Device|

Fearute

src/cssの中の.cssを色々やってcssフォルダへコンパイルし排出します。

| Spec | Plugin | |:---|:---| | Automatic Vendor Prefixes | autoprefixer | | CSS Variables | postcss-custom-properties | | CSS @apply Rule | postcss-custom-properties | | CSS Nesting | postcss-nesting | | Custom Media Queries | postcss-custom-media | | Pseudo-class :any-link | postcss-pseudo-class-any-link | | color() function | postcss-color-function |

Structure

.
├── src
│   └── css
│       └── xxx.css  # Input styles
└── css
    └── xxx.css       # Output styles

Enjoy Coding!!