Add our SASS Files

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.

Loading Conversation