My knowledge of npm and SCSS is limited, so I have a question that follows:
I have a SCSS file named app.scss where I frequently use one default color for the background. I would like to define a variable $background_color to easily change that color. Could you please guide me on how to achieve this?
Below is the code from my mix.js:
const mix = require('laravel-mix');
mix.setPublicPath('public');
mix.sass('resources/sass/frontend/app.scss', 'css/frontend/frontend.css')
.sass('resources/sass/backend/app.scss', 'css/backend/backend.css')
.js('resources/js/frontend/app.js', 'js/frontend.js')
.js([
'resources/js/backend/before.js',
'resources/js/backend/app.js',
'resources/js/backend/after.js'
], 'js/backend/backend.js')
.extract([
'jquery',
'bootstrap',
]);
if (mix.inProduction() || process.env.npm_lifecycle_event !== 'hot') {
mix.version();
}