CSSで変数を定義します。
定義された変数は、さまざまな状況に分けることができます：
1、グローバル変数の定義
：ルート{
--borderColor：#CCC。
}
図2に示すように、変数の定義における要素
.look {
--borderColor：#CCC。
}
3、メディアクエリの変数の定義の下で
@media画面と（最小幅：1025px）{
：ルート{
--borderColor：#CCC。
}
}
使用します。
.hasボーダーテーブル> TR> TD {
ボーダー右：1ピクセル固体VAR（ - BORDERCOLOR）。
}
以下に定義された変数
定義：
@ BG-色：＃d9d9d9;
使用します。
.hasボーダーテーブル> TR> TD {
ボーダー右：1ピクセル固体VAR（@ BG色）。
}
SASS定義された変数
定義：
$ BG-色：＃d9d9d9;
使用します。
.hasボーダーテーブル> TR> TD {
ボーダー右：1ピクセル固体VAR（$ BG色）。
}