/stylekit

Frontend Stylekit base on PostCSS.

Primary LanguageJavaScript

fe-stylekit

Frontend Stylekit base on PostCSS.

image

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