bootstrap-sassに色関係のクラスを追加する - Qiita

初投稿です。 最近ようやくBootstrap3に触れることになったのですが、 .btn-successとか.alert-dangerとかの色関係のクラスって使いづらくないですか？ 怒られるかもしれないけど.btn-redとか使いたい。簡単に増やしたい。 なので作りました。.◯◯◯-redと.◯◯◯-blueを増やす例です。 SassのMap機能を利用するのでSass3.3以上が必要です。 /assets/stylesheets/bootstrap/内に_custom-theme.scssを作り、 内容を下記に。 @import "mixins"; //== Custom Colors // // //redの基本色 $brand-red: #cc3333; $btn-red-color: #fff !default; $state-red-text: #ee0000 !default; $