やりたいこと
BootstrapのSassファイルに書かれたMixinを自分のSassファイルでinculdeしてスタイルを使いまわしたいです。
背景
ブログサービスを作成しております。
デザインのテンプレートを用意してJavaScriptで読み込むcssを書き換えようとしています。
その際にテンプレート1にはBootstrapのcontainerを適用したいのですが、テンプレート2には適用させたくないので、Sassでcontainerをinculdeして対応しようと考えました。
試したこと
html
1<div class="test"> 2</div>
scss
1// _setting.scss 2@import 'bootstrap';
scss
1// style.scss 2@import 'setting'; 3 4.test { 5 @include create-container(); 6}
エラー内容
上記コードを実行したところ、下記エラーが出力されました。
Undefined variable: \"$enable-grid-classes
importしてinculdeでmixinを呼び出すだけではダメなのでしょうか?
どなたかご教授お願いいたします。
あなたの回答
tips
プレビュー