I have always hated working with CSS. To me the syntax is often painful to look at, almost like I’ve gone down to a level within the plumbing that I explicitly hate working with. Many years ago I let go of keeping up with web technologies and languages in favor of native apps and development, but now I find myself needing to find new tools to work with these things. Enter the Sass language and Bourbon a framework that runs on top of it.
Let’s begin with Sass. Sass stands for “Syntactically Awesome Style Sheets” which is a way of saying that they want to make CSS files and their management easier. Essentially you have a language that is compiled down to CSS in a programmatic way, making it “easier” to manage things like stylesheets or other fragments. In this example I’m probably leveraging more of the Bourbon framework and its associated layers on top: Bitters, Neat and Refill. We’ll talk about those a bit later. First, lets get the environment all set up.