MIXTONE Logo Illustration

About

MIXTONE(ミックストーン)は Web 制作用の統一感ある色パターン 3 種を一括で npm インストールするためのライブラリです。それぞれ、SCSS・Stylus・デザインツールスウォッチに対応しています。

MIXTONE About Illustration

How To Use

Web 制作で 16 進数の色を設定するのが面倒!そんな時は MIXTONE(もしくは内包するライブラリのいずれか)を使ってみましょう。※ここでは、SCSS で MOFTONE を使う例を取り上げます

1. npm install

$ npm install mixtone

https://www.npmjs.com/package/mixtone

2. Import MOFTONE or MDTONE or iOSTONE

@import "moftone/src/scss/tone/_moftone.scss";

3. Use variable

.heading.is-orange { color: $orange-500; }

4. Compiled

.heading.is-orange { color: #EE9D2B; }

License & Credit

License: CC0-1.0 Author: Qrac Illustration: Mainoko Organization: QRANOKO