[CSS]Sassの$やmixin、extendなどの使い方まとめ

Sassの使い方まとめ。導入や変数の使い方などのメモです。

Sassを導入する

Sassを導入してプロジェクトを始める方法はこちらで紹介。

[CSS]sassを使うための下準備メモ

Sassの変数について

Sassの変数は$変数名で利用することができます。例えば、フォントカラーを指定したり、widthを指定したりなどなど。様々な場面で活用できます。

Sassの@mixinについて

変数では単体の値を指定しますが、関数のように複数のスタイルをまとめて定義することもできます。

[CSS]Sassの@mixinとは?使い方もサクッと紹介

Sassの@extendについて

Sassには、継承の機能もあります。他で指定したスタイルを他のクラスにそのまま継承することができます。
上書き(オーバーライド)をすることもできます。

[CSS]Sassの@extendとは?使い方も紹介

Sassのclass一致について

指定したクラス名と一致するクラス全てにスタイルを適用させることもできます。

[CSS]Sassの[class^=””]ってなに?



カテゴリー