O'Reilly logo

Beginning CSS Preprocessors: With SASS, Compass.js, and Less.js by Anirudh Prabhu

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

CHAPTER 5

image

Introduction to Compass

In the previous chapters, you looked at two famous precompiling languages—Sass and Less—and learned about the various features they provide. Now you will look into a famous CSS framework that is based on Sass, called Compass.

This chapter explores the following aspects of Compass:

  • Installation
  • Understanding config.rb
  • Responsive grids with Sass and Compass
  • Compass and CSS3
  • Image sprites and Compass
  • Compass extensions

Introduction to Compass

Compass, as described on its web site (http://compass-style.org/), is “an open-source CSS authoring framework”.

Compass is a framework built using Sass. Installing Compass in addition ...

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