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.