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.

Was this information useful?
Thank you for your feedback.

Could this page use improvement? Edit it!

Edit Page