Magento 2 Theme Design - Second Edition

LESS and CSS preprocessing

One of the major questions that is always raised when developers work with large and complex projects that require many frontend rules via CSS, is: how will I work my code in a sustainable, scalable, and modular way?

The preprocessing in CSS, although not a silver bullet for all issues, promotes the writing of reusable and maintainable CSS codes, increasing productivity and reducing the amount of coding in the project, thereby achieving a better performance.

In Magento 1.9, the solution used for CSS compilation was the SASS (Syntactically Awesome Style Sheets) technology (http://sass-lang.com/). The SASS is a CSS extension that implements additional features for use in their projects, such as variables, mixins, inline ...