MDTONE

Site

• https://mixtone.qranoko.jp/mdtone/

About

Material Design Color を Sass で使いやすいよう変数化しました。

How To Use

デザインツールで使う場合

• ツールに合わせて dist/swatches のスウォッチファイルを使用
• NSColorList 形式のスウォッチは Mac のさまざまなソフトウェアで共有利用が可能

コーディングで使う場合

• CSS > デモサイトの色コードを直接コピー
• SCSS > /src/scss/tone/_mdtone.scss を変数ファイルとして include
• Stylus > /src/stylus/tone/_mdtone.styl を変数ファイルとして include

npm で _mdtone.scss や _mdtone.styl をインストールして使えます。

$ npm install mdtone

Reference

• The color system - Material Design

License

• CC0 1.0 Public Domain

Credit

• Author: Qrac
• Organization: QRANOKO