LaravelにnpmでインストールしたVuetifyのSASS変数を上書きしたいと思っているのですが、どのようにしたら良いか分かりません。
resources/assets/sassの下に、_variables.scssとapp.scssがあるので、そこに試しに下記のように記載してみたのですが、反映されません(npm run dev再起動もしました)。
resources/assets/sass/_variables.scss
SASS
1//上書きしたいSASS変数 2$btn-hover-opacity: 1; 3$body-font-family: "Open Sans"; 4$card-text-font-weight: 800 !default;
resources/assets/sass/app.scss
SASS
1@import "variables"; 2 3//こちらにも同様に記載してみました 4$btn-hover-opacity: 1; 5$body-font-family: "Open Sans"; 6$card-text-font-weight: 800 !default; 7
webpack.mixi.js
webpack
1let mix = require("laravel-mix"); 2 3mix 4 .js("resources/assets/js/app.js", "public/js") 5 .sass("resources/assets/sass/app.scss", "public/css") 6 .version();
公式ドキュメントや参考サイトも見てみたのですが分からず、ご教授頂けるとありがたいです。
Laravel@7.28.1
vue@2.6.12
vuetify@2.3.14
OS: macOS Catalina
あなたの回答
tips
プレビュー