Sass: Imagining and Implementing Stylesheets Programatically

On its own, CSS is a basic declarative language made of selectors, properties, values and schemes for priority and inheritance that define how styles apply. For years it has been a treated as a second-class citizen in code repos because of the pain that it’s maintenance causes, the ambiguity of the relationships within declarations, and the fact that the reasons for colors, sizes and the-like were always trapped in the mind of the designer. As designers/developers, we have been forced to rely on calculators, color pickers and widgets to make writing CSS bearable. No More. Sass extends CSS3 with variables, math, mixins & more to allow designers to think about application stylesheets programatically. At its core, Sass is a layer of empathy between the designer, the stylesheets, and the rest of the development team trying to make sense of it all.