CSSは変数化できた

知りませんでした。

 

CSSの変数化テスト

CSSで変数(カスタムプロパティ)を使ってみよう

:root {
--main-gutter: 30px;
--main-color: #7117ea;
}
.box {
background: #0bd;
width: 300px;
height: 100px;
margin: var(--main-gutter);
}

.minibox {
background: #0bd;
width: 300px;
height: 100px;
color: var(--main-color);
}