[SCSS] Grammer

基本

ネスト

div {
    width: 100px;

    a {
        color: red;
    }
}

インポート

拡張子不要

@import "http://hoge/scssfile"

変数

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

コメント

// comment