背景

Ruby on Rails チュートリアルを参考に、Bootstrap3を用いてWebアプリケーションの作成を行っている際、チュートリアルとのバージョンの違い（チュートリアルはBootstrap2）により、Bootstrapフレームワークで定義されているカラー変数の参照がうまくできませんでした。

問題

Rails Tutorial 5.2.2では、下記の通りになっていますが、Bootstrap3では変数名のネーミングが変わっており、このままでは参照できません。

custom.css.scss

color: $grayLight;

解決

公式ドキュメントを見たところ、変数名のネーミングがキャメルケースからチェインケースに変化しておりました。つまり、grayLightはgray-lightになっています。

したがって、以下の通りに変更すれば、問題なく参照できます。

custom.css.scss

color: $gray-light;

参考文献