[Compass,Utilitiesモジュール]ちょっと便利なUtilitiesモジュールの使い方

今日はちょっと便利なUtilitiesモジュールのお勉強をみんなとやってみたいと思うよ!
リンクの色とかclearfixなんかもUtilitiesモジュールを使えば簡単カルカルー!

clearfix 回り込みの解除

↓↓↓コンパイル後↓↓↓

legacy-pie-clearfix

↓↓↓コンパイル後↓↓↓

pie-clearfix

↓↓↓コンパイル後↓↓↓

この3パターンをどう使い分けるかなんですが、ぶっちゃけボクは何も考えずにpie-clearfixを使ってました。
色々ググった結果、まとめてらっしゃる方がいましたのでリンクを貼っときます。
deadwood様 [Sass & Compass] Compass: mixin から clearfix を学ぶ

リンクカラー link-color

↓↓↓コンパイル後↓↓↓

ご覧のとおり(link,hover,active,visited,focus)の順番で省略するごとに後ろのfocusから省略されます。

まとめ

リンクの色とかclearfixとか都度入力するの面倒くさいので、これまた便利ですね。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク