Already a customer? Please sign in.

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

by Drew Strojny on November 19, 2013 / 2 comments

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:

  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.

2 Comments

  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: http://wptheming.com/2013/01/codekit-css-preprocessors/

    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!

Post a comment

Basic HTML is allowed. Your email address will not be published.

Subscribe to this comment feed via RSS