[CSS]Sassの$やmixin、extendなどの使い方まとめ
Sassの使い方まとめ。導入や変数の使い方などのメモです。
Sassを導入する
Sassを導入してプロジェクトを始める方法はこちらで紹介。
Sassの変数について
Sassの変数は$変数名で利用することができます。例えば、フォントカラーを指定したり、widthを指定したりなどなど。様々な場面で活用できます。
Sassの@mixinについて
変数では単体の値を指定しますが、関数のように複数のスタイルをまとめて定義することもできます。
Sassの@extendについて
Sassには、継承の機能もあります。他で指定したスタイルを他のクラスにそのまま継承することができます。
上書き(オーバーライド)をすることもできます。
Sassのclass一致について
指定したクラス名と一致するクラス全てにスタイルを適用させることもできます。
[CSS]Sassの[class^=””]ってなに?