【mixin】テキストリンクの色を一括指定するmixin その2

【mixin】テキストリンクの色を一括指定するmixin その2

リンクカラーを一括指定するmixinその2です。前回は「adjust-hueを使いたい!」という気持ちが強かったと記憶していますが、それに比べると今回はだいぶスタンダードな感じの一括指定になるのではないかな、と思います。

テキストリンクの色を一括指定するmixin その2

今回の色指定は、基本的なリンク色と同じような変化を特定の色でも指定できるようにするのが狙いです。したがって、変数$colorを設定しないでいくと、水色(リンク色)→紫(訪問済み:visited)のような色合いになるように調整してあります。

&:visited で前回使いまくったadjust-hueを使ってるのはそのためです。30度分ずらすのでそれでお察しをというわけで。

30度ずらすとどんな色になるかは、上のhsl色空間の円を参考にどうぞ。

27 views/total