1.Sassは、我々が使用される変数は、$ドル記号の始まりです宣言するノート、サスが認識されない時間を「$」で始まる、またはコンパイルする必要があり、変数を定義します。
構文:
2.Sass、2つの方法で変数の値のために:
1「一般的な値:サス、変数の一般的な値では、変数の私たちの共通の価値観を意味し、この値はように、数値文字列、およびすることができます。
例えば:$width:10px;
$color:white;
$bgColor:red;
div
{
font-size:$width;
color:$color;
background-color:$bgColor;
}
次のようにCSSコードの翻訳は、次のとおりです。
div
{
font-size
:
10px
;
color
:
white
;
background-color
:
red
;
}
2「デフォルト:サスでは、変数の値が道であり、それがデフォルトです。いわゆるデフォルト値、変数の初期化にデフォルト値を参照するには、この値は、後に開発する必要があるかもしれない、「同じ名前の変数、」カバーオフの値を使用して。デフォルト値は定義された変数である、我々はそれだけの「!デフォルト」に続いて「変数値」に必要な、非常に簡単です。
例えば:
$width:10px !default;
.div1
{
width:$width;
}
.div2
{
$width:20px;
width:$width;
}
.div3
{
$width:30px;
width:$width;
}