Sass チートシート

概要 Sass (Syntactically Awesome Stylesheets) のチートシートです。インデントを多用した SASS 記法ではなく、広く普及している SCSS 構文の Sass を対象とします。 継承 (extend) 基本 .class1 { background-color: #f00; } .class2 { @extend .class1; color: #fff; } 継承元を使用しない場合 パーセント記号を用いることで、抽象クラスのような実体のないクラス class1 を定義できます。CSS にコンパイルすると class1 は消失します。 %class1 { background-color: #f00; } .class2 { @extend %class1; color: #fff; } ファイル分割 (import) 基本 main.scss @i