I recently built the theme for WPShout.com in Sass, the well-loved CSS preprocessor that we’ve written about a few times. As I dug deeper into the project, I noticed a conceptual issue coming up repeatedly that I’d like to share. Essentially: I’m worried about the power of the @extend selector to move us away from […]

Sass lets you code CSS stylesheets the way you would write other software. I just got done with a huge client project that relied heavily on Syntactically Awesome Stylesheets (Sass), the CSS preprocessor. Sass, which we’ve written about a few times, lets you code CSS stylesheets the way you would write other software, using functions, variables, inheritance, and […]

This is a third post exploring applications for Syntactically Awesome Stylesheets (Sass), the CSS preprocessor that can really turbocharge how you create and modify CSS. Today we’ll be exploring a function called ensureTextContrast() that lets you rest assured that, across two arbitrary font and background color combinations, the font will be light or dark enough […]

This is a second post exploring applications for Syntactically Awesome Stylesheets (Sass), the CSS preprocessor that can really turbocharge how you create and modify CSS. Here we’ll be looking at a very simple Sass functions I’ve written called rUp, which I think is a generally-better alternative to CSS’s default em specification. The code @function rUp($multiple: […]

This week’s post is pretty technical—it’s only for users of Syntactically Awesome Stylesheets (Sass). I’m leaving. Before I go, what is Sass? Sass is a CSS preprocessor—a way to write your CSS stylesheets as if you were programming them, with variables, reusable mixins, and a lot else. I can’t recommend Sass highly enough—it literally made […]