README.textile

Blueprint CSS Framework Readme

Welcome to Blueprint! This is a CSS framework designed to cut down on your CSS development time. It gives you a solid foundation to build your own CSS on. Here are some of the features BP provides out-of-the-box:

Tutorials

Files in Blueprint

The framework has a few files you should check out. Every file in the src directory contains lots of (hopefully) clarifying comments.

Compressed files (these go in the HTML):

blueprint/screen.css

blueprint/print.css

blueprint/ie.css

Source files:

blueprint/src/reset.css
This file resets CSS values that browsers tend to set for you.

blueprint/src/grid.css
This file sets up the grid (it’s true). It has a lot of classes you apply to <div/> elements to set up any sort of column-based grid.

blueprint/src/typography.css
This file sets some default typography. It also has a few methods for some really fancy stuff to do with your text.

blueprint/src/forms.css
Includes some minimal styling of forms.

blueprint/src/print.css
This file sets some default print rules, so that printed versions of your site looks better than they usually would. It should be included on every page.

blueprint/src/ie.css
Includes every hack for our beloved IE6 and 7.

Scripts:

lib/compress.rb
A Ruby script for compressing and customizing your CSS. Set a custom namespace, column count, widths, output paths, multiple projects, and semantic class names. See commenting in compress.rb or run $ruby compress.rb -h for more information.