背景
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;