Sassの概要とインストール
Sass(Syntactically Awesome Style Sheets)はCSS3向けの拡張機能で、変数や関数など便利な機能が用意され、CSS のコーディング効率やソースコードの保守性を向上させることができます。 SassにはSASS記法とSCSS記法の2種類が用意されていますが、後から追加されたSCSS(Sassy CSS)がCSSの記述に近く、最近はSCSS記法が主流です。...
View ArticleSassの機能を紹介
セレクタのネスト(入れ子) セレクタを入れ子にすることができます。 例えばboxというクラスの子要素としてspan1、span2を定義した場合、普通のCSSだと下記のようになります。 .box { background-color: gray; } .box .span1 { color: red; } .box .span2 { color: blue; }...
View Article
More Pages to Explore .....