ラインマーカーで線を引いたような効果を与えるmixin #scss #mixin

ラインマーカーで線を引いたような効果を与えるmixin #scss #mixin

<strong>などで強調させたいときに使えそうな、ラインマーカーで線を引いたような効果を与えるmixinを作ってみたので紹介します。

ラインマーカーで線を引いたようなmixin

あ、ちなみにcompassを使っているのが条件になりますので注意してください。

さて、説明です。

  • $color……ラインマーカーで使いたい色を設定します。hexでもrgbでもhslでも可。デフォルトはyellowです。
  • $lighten……ラインマーカーの上部分の色の明るさを設定します。0%~100%の値で。デフォルトは15%です。
  • $height……ラインマーカーの太さを設定します。0%~99%の範囲で設定できます。デフォルトは60%です。

これで十分ラインマーカーで線を引いたような効果が得られます。

簡単な設定でこれだけのことができるから、十分便利な代物だと思うのですがどうでしょう??

161 views/total