Building style guides with the Kalei Styleguide
Style guide shows you the visual effect of your CSS code. When integrating a style guide into your Sass workflow, you can easily check whether your changes have had the desired effect or, on the other hand, do not break your design. In this recipe, you will be introduced to the Kalei Styleguide tool.
Getting ready
Install Ruby Sass, as described in the Installing Sass for command line usage recipe of Chapter 1, Getting started with Sass, to compile your SCSS code into CSS code. The Kalei Styleguide tool used in this recipe can be downloaded at https://github.com/thomasdavis/kaleistyleguide/archive/gh-pages.zip. You should download and unzip this file into your current working directory.
The Kalei Styleguide tool requires an up and running web server, so you should serve the code for this recipe on an HTTP server. Setting up a web server for your projects is out of the scope of this book. In this recipe, WEBrick has been used to server the files...