SAVE 25% when you purchase our Theme Bundle and Make Plus together. View bundle deal.

WordPress and Sass: How we use it at The Theme Foundry

By Drew Strojny on November 19, 2013

Sass and WordPress

As you may have heard, WordPress will be adopting Sass in core with the upcoming WordPress 3.8 release. Aptly dubbed “CSS with superpowers”, Sass brings your CSS to a whole new level. We’re big fans of using Sass in our WordPress templates here at The Theme Foundry, so this is really exciting news for us. Here’s three little known facts about The Theme Foundry and Sass:

Did you know that Surf Office, Postmatic, Yeah Dave, and over 700,000 small businesses run their websites with Make, our free WordPress page builder. Discover the Make page builder now.

  1. Every one of our active WordPress themes (with the exception of Linen) includes Sass files and a Compass configuration file. This makes it super easy to use Sass to customize our themes.
  2. We released an open source toolkit for bootstrapping WordPress themes with Sass in 2011, called Forge. We use it to build all of our themes, hence why we include Sass files (see #1).
  3. I used Sass (with Forge) to write all the CSS for the Twenty Twelve WordPress default theme. Head over to the Twenty Twelve Github repository and browse to the source/assets/stylesheets directory.

If you’re a web developer, and you haven’t used Sass, you owe it to yourself to check it out. Once you start composing your stylesheets with Sass, you’ll never go back. It’s incredibly powerful and it will allow you to build and prototype more quickly. It’s especially useful when you’re designing in the browser (like we do at The Theme Foundry).

Enjoy this post? Read more like it in From the workshop.


  1. Devin Price

    It took me a while to try SASS because I thought it would take some time to set up (all the tutorials I had read mentioned dozens of items to run command line). But it’s actually quite simple- especially with a GUI like CodeKit (OSX).

    I made a quick video showing how to start using CodeKit/SASS with a WordPress theme if anyone is interested:

    CodeKit will also automatically detect Compass configuration files- so it’s great Theme Foundry includes those.

  2. Drew Strojny

    Thanks for stopping by Devin. Yep, Sass is definitely easier to use (and set up) than most people think. Thanks for sharing the video!

Comments are closed.