はてなブックマーク - jmblog.jp – 背景色に応じて最適な文字色を自動判定する SCSS mixin を書いてみた

(閉じる)

はてなブックマーク > コンピュータ・IT > jmblog.jp – 背景色に応じて最適な文字色を自動判...

jmblog.jp – 背景色に応じて最適な文字色を自動判定する SCSS mixin を書いてみた

jmblog.jp

Sass、そしてSassy CSS (SCSS) を読んで、俄然 SCSS に興味が出て、新しいプロジェクトで試しています。「CSS でこう書けたらいいのになぁ」という記法をサポートしていて、ものすごく便利です。特に mixin で関数を用意すると非常に強力。というわけで、表題のような mixin を書いてみました。まぁ、そんな大げさなものでもないですが。 @mixin suitable-text-color($bgcolor) { @if lightness($bgcolor) < 50 { colo... > このページを見る