Next, let’s add our SASS files from the original theme directory. Our dreamrs theme includes a sass/
directory at the same place in the filesystem as its css/
directory. Let’s move that directory into the packages/dreamrs/themes/theme_dreamrs/
directory. It looks like this:
Our root stylesheet is found in the style.scss
file above. (It’s easy to tell, because all the partial CSS files that style.scss
includes have underscores as the first part of their name.) Let’s modify our webpack.mix.js
so that it compiles that style.scss
file down to our style.css
that our theme expects, replacing the one we originally had.
The first argument to our sass()
method is the source SASS file, with the second being the output.