In this article, we’re going to take a look at how to use Sass and Compass in our WordPress theme development process. We will structure our theme stylesheets in SMACSS fashion and will leverage the power of Compass to generate image sprites for both retina and non-retina devices.Note that this article is not an introduction to Sass; however, if you are a beginner, still feel free to follow along.RequirementsBefore we jump in, make sure that you have Sass and Compass installed on your machine. If you haven’t installed them yet, follow the instructions on:How to install SassHow to install CompassThere are few GUI based Sass and Compass applications, but I will be using the Terminal (if you’re on Windows, then you can use the Command Prompt).
See the article here:
A WordPress Development Process Using Sass and Compass