Skip to content

Latest commit

 

History

History
18 lines (11 loc) · 1.13 KB

README.md

File metadata and controls

18 lines (11 loc) · 1.13 KB

css-colortone-variable

任意の色をもとにそのトーン違いの色を作るSass用の変数

_var-colortone.scssには変数一覧が入っています。

サイトのメインカラー、サブカラー、アクセントカラーを表す変数に好みのカラーコードを入れるとそれぞれの色のトーン別っぽいの色を吐き出す変数を用意できます。

おまけでテキストカラー、ベースカラーも入れてあります。必要な色だけ使うと良いでしょう。

任意の色からカラートーンのCSS指定をSassの変数で自動的に生成する - WEBCRE8.jp

Demo

See the Pen [Demo] Sass Variables Color tone by You Sakai (@webcre8) on CodePen.

<script async src="//assets.codepen.io/assets/embed/ei.js"></script>

License

CC0 1.0 Univarsalです。ご自由に★