Scss

sass-railsというgemが導入することで使用できる

scss環境でscss記述→全部書き終わったらコンパイル(scssをcssにする処理)→どこでも読み込めるcss完成する流れ

指定を入れ子にできる

div{ color:#fff; a{ color:#000; span{ color:#ccc; } } }

上記のような記述が可能
コンパイルすると以下のように戻る

div{
    color:#fff;
}
div a{
    color:#000;
}
div a span{
    color:#ccc;
}

変数が使える

$main-color: #c50102; //変数定義 
div{ 
 color: $main-color; 
}

コンパイル

div{ 
 color:#c50102; 
}

参考: cssの拡張言語scssが面白くて便利だった(初級編) – ANTEKU CREATIVE BLOG