[SCSS] Grammer

基本

Developers.IO | クラスメソッド発「やってみた」系技術メディア

すぐに使えるSCSS入門 | Developers.IO

div.clear>(div.floatLeft>h4+div{[css][/css]})+(div.floatRight>h4+div{[css][/css]}) ディレクティブ、media queriesはサンプルを。

ネスト

div {
    width: 100px;

    a {
        color: red;
    }
}

インポート

拡張子不要

@import "http://hoge/scssfile"

変数

$var: value

• 呼び出しも$var
• セレクタやプロパティに使う場合は #{$var}
• valueの後に!defaultをつけると変数のデフォルト値

コメント

// comment