Using Sass in WordPress Themes

Why Do We Need Sass Sass is a CSS preprocessor: a programming language that compiles to (spits out) CSS stylesheets. Like any CSS preprocessor, Sass exists to let you write styling rules in a manner that is: DRY: “don’t repeat yourself,” meaning less copy-pasting and blind repetition. Dynamic: capable of interpreting variables. WHAT DOES NON-DRY CSS LOOK LIKE? Let’s look at one example of “non-DRY CSS,” and why it might be an issue: Pure CSS is flat: there’s no...

The Necessity of WordPress Generated Classes

What’s the WordPress Generated Classes You can find these classes in most standard WordPress themes, including some starter themes like the Underscores theme in the style.css file. This file is a required file for WordPress themes to show up on the dashboard, and if you’re looking for these classes, you’ll likely find them here. Here’s the bare bones version I’ve copied from the codex and linked to at the beginning of this post. The classes will appear something like...