If you purchased the Professional license for Utility Pro, you have access to a special developer’s edition of the Utility Pro theme.
It includes support for:
- Sass (with Bourbon and Neat)
- Cool translation helpers & easy RTL stylesheet creation
In order to take advantage of these features, there’s some additional setup you’ll need to do for your development environment.
First, you’ll need the following installed globally:
- node.js and npm (you can install these alone or install via homebrew for Mac)
- Grunt CLI
- Sass (requires Ruby)
Here’s the ridiculously short version until I come back and flesh this out a bit:
- Download developer edition of the theme from your account
- Extract it somewhere on your hard drive (I like to put it in /wp-content/themes of a WordPress install)
- From the command line, go to the /utility-pro/ project folder and run git init to create a git repository
- From the project root (child theme directory in this case), run npm install
- From the project root (child theme directory in this case), run bower install
- From the project root (child theme directory in this case), run grunt
If you follow the above, you’ll have all of your development dependencies installed and a watch task running on your .scss files.