Sassでの色管理

Sassでは色を変数として定義でき、また様々な関数でそれを操作することが可能になっている。そのため色を論理的に管理することが可能になっているが、これといった手法が確立されているわけではない。このウェブサイトでは少しややこしい形で管理するようにしている。どういう目的でこういう複雑な構造になっているのかを簡単に書いておきたい。 基本色の定義 基本色、つまりテーマカラーであったり、本文の背景色や文字色といった見た目のイメージを決定する色は、色コードを直接指定して定義する必要がある。これはほぼ間違いなくみんな同じように書いているだろう。 $color-dark: rgb(60, 51, 48); $color-light: rgb(252, 249, 240); $color-accent: rgb(17, 136, 187); これらは背景色であったり文字色、そしてリンクの文字色として使っている

[terkel]

“基本色とそのバリエーションの定義まではこれからも成立すると思うが、Web Componentsという未来がちらついている今は、一元化よりもコンポーネント単位での定義の方が未来がありそうな気がしている”

[oppara]

Sassでの色管理 - Weblog - http://t.co/IYL85F6mMu B!