:-) 🏕

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

May 25, 2017

TL;DR

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

_variable.scss

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

$a: #777 !default;

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

Refs


Written by Keisuke Kan who lives and works in Japan building useful things. You should follow him on Twitter