rootを使った変数のやり方メモ

rootを使った変数のやり方メモ。

/* ここが変数の格納場所 */
:root {
  --my-background: #000;
}

/* var()で変数を代入 */
#foo {
  background-color: var(--my-background);
}