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_projectBasic 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/basicBlueprint Plugins
The core blueprint plugins are available, but must be installed into your project. Follow the instructions below: