Summary

In this chapter, we introduced CSS preprocessors, developing an understanding of how we configure the software to run the compilation of these on our machine with Node.js, npm, and with the node-sass module. We've covered how to create a project package.json file and write a script command, which we can run to compile the CSS.

We've learned about the SCSS preprocessed scripting language and its different output styles, and how we can write SCSS code to create variables; use nesting, mixins, and control directives; and import other SCSS files.

Using this knowledge, you should now be able to write and compile SCSS code to create CSS for your website projects.

In the next chapter, we will learn about what it means to create more maintainable CSS, looking at ways to implement this and how it can benefit developers working on a project.