現場で役立つ実践Sass（3）変数を使いこなす現場で役立つ実践Sass（3）変数を使いこなす 連載 現場で役立つ実践Sass 変数はSassで最も使う機能の一つです。 変数を使うことでコードの再利用性が高くなるため、モジュール化やMixinには欠かせない機能です。 第三回目の今回は、Sassの変数まわりの仕様とTipsを紹介します。 ※今記事はRuby Sass 3.4.21で検証して書かれています。LibSassや、Sassのバージョンが違う場合は、コンパイル結果が異なる場合があります。 Sass変数とCSSネイティブ変数について Sassの変数は、コンパイルされたCSSでは、その変数の値に書き換えられます。なので当然そのままCSSとして使用することができます。 そして、現在策定中なのがCSSでも変数が使えるようになる CSS Variables (CSS Custom Properties) という仕様です。 ブラウザ対応状況は
