TL;DR
!defaultで定義されているvariableは@import前に定義する
_variable.scss
cssに変数があることはわかっていたつもりですが、上書きの用法がよくわかっておらず調べたので記録。
$a: #777 !default;
$a は、評価される前に同様の変数が定義されていれば上書きされないということ。
定数として1ファイルに定義してもらえることが多いが、多段 @import などはどこまで遡って上書きなどできるのかなどは調べていない。
!default で定義されているvariableは @import 前に定義するcssに変数があることはわかっていたつもりですが、上書きの用法がよくわかっておらず調べたので記録。
$a: #777 !default;
$a は、評価される前に同様の変数が定義されていれば上書きされないということ。
定数として1ファイルに定義してもらえることが多いが、多段 @import などはどこまで遡って上書きなどできるのかなどは調べていない。