variableの範囲でscssをカスタマイズするときの注意

May 25, 2017

TL;DR

  • !default で定義されているvariableは @import 前に定義する

_variable.scss

cssに変数があることはわかっていたつもりですが、上書きの用法がよくわかっておらず調べたので記録。

$a: #777 !default

$a は、評価される前に同様の変数が定義されていれば上書きされないということ。 定数として1ファイルに定義してもらえることが多いが、多段 @import などはどこまで遡って上書きなどできるのかなどは調べていない。

Refs