PostCSS Japanese Stylesheets

PostCSS plugin for writing Japanese Stylesheets, especially for Japanese Traditional Colors.

Input

.foo {
  背景: 肌色 !重要;
  幅: 300px;
  高さ: 200px;
}

.bar {
  色: 暗黒色;
  行揃え: 中央寄せ;
  太さ: 太い;
  行高: 1.6;
}

Output

.foo {
  background: #fce2c4 !important;
  width: 300px;
  height: 200px;
}

.bar {
  color: #16160e;
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
}

Usage

Install PostCSS and this plugin:

npm install postcss postcss-japanese-stylesheets

postcss([ require('postcss-japanese-stylesheets') ])

See PostCSS docs for examples for your environment.

Development

npm install
npm test

Thanks to

Inspiration from postcss-russian-stylesheets