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!!