O'Reilly logo

Sass and Compass Designer's Cookbook by Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required