Q
Version: 0.13.alpha.0

Blueprint Framework

Semantic Blueprint Template

The semantic template assumes that you will write your own selectors and apply the blueprint mixins to them to achieve a design that does not use any presentational classes. This is the preferred approach for using Blueprint with compass, but if you want a more traditional approach, consider the Basic Blueprint Template.

Getting Started with Semantic Blueprint

Once you get Compass installed, you are ready to create a new blueprint project. In your terminal enter the following commands:

compass create my_project --using blueprint/semantic
cd my_project


Basic Blueprint Template

The basic template is the starting point for working with blueprint in compass. It can be used to generate CSS that is virtually identical to the Blueprint CSS. If all you want is an easy way to customize the grid or typography, you’ll be using these libraries. Since the basic library is built on top of the blueprint modules, customization will require that you refer to the particular module you want to customize.

If you want to get started with the Basic Template because it feels more familiar to you, that's fine. It's very easy to transition to semantic selectors when you're ready.

Getting Started with Basic Blueprint

Once you get Compass installed, you are ready to create a new blueprint project. In your terminal enter the following commands:

compass create my_project --using blueprint/basic

Blueprint Plugins

The core blueprint plugins are available, but must be installed into your project. Follow the instructions below: