CSS3で変数を使う方法 ～Variablesプロパティ～

CSS でも変数が使えるようになったようですのでご紹介します。
変数を扱うことの出来るプロパティVariables を使用します。

/* 変数を宣言する */
:root {
    --sample-color: green;
}

/* 変数を使用する */
.hoge {
    color: var(--sample-color);
}

Can I use... Support tables for HTML5, CSS3, etc

参考：
CSS カスタムプロパティ (変数) の使用 - CSS: カスケーディングスタイルシート | MDN