Quantcast
Channel: Smart » Sass
Browsing latest articles
Browse All 2 View Live

Sassの概要とインストール

Sass(Syntactically Awesome Style Sheets)はCSS3向けの拡張機能で、変数や関数など便利な機能が用意され、CSS のコーディング効率やソースコードの保守性を向上させることができます。 SassにはSASS記法とSCSS記法の2種類が用意されていますが、後から追加されたSCSS(Sassy CSS)がCSSの記述に近く、最近はSCSS記法が主流です。...

View Article



Sassの機能を紹介

セレクタのネスト(入れ子) セレクタを入れ子にすることができます。 例えばboxというクラスの子要素としてspan1、span2を定義した場合、普通のCSSだと下記のようになります。 .box { background-color: gray; } .box .span1 { color: red; } .box .span2 { color: blue; }...

View Article
Browsing latest articles
Browse All 2 View Live




Latest Images