© Martine Dowden and Michael Dowden 2020
M. Dowden, M. DowdenArchitecting CSShttps://doi.org/10.1007/978-1-4842-5750-0_7

7. Preprocessors

Martine Dowden1  and Michael Dowden1
Brownsburg, IN, USA

For CSS there are several preprocessors available. These will take data, written in their own particular syntax, and then output CSS for the browser to consume. The benefit of these includes access to functionality such as color-editing functions or nesting rules that are not yet available in CSS. They also gave us access to CSS variables before they were supported by the language itself. Some of the most popular processors include Sass, Less, and Stylus.


Examples in this chapter will use SCSS.1 These techniques are available using other preprocessors; ...

Get Architecting CSS: The Programmer’s Guide to Effective Style Sheets now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.