Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Blueprint CSS framework (http://bjorkoy.com/blueprint)

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:

* An easily customizable grid
* Sensible default typography
* A typographic baseline
* Perfected browser CSS reset
* A stylesheet for printing
* Absolutely no bloat

Setup instructions

Here's how you set up Blueprint on your site. 

1) Upload BP to your server, and place it in whatever folder
   you'd like. A good choice would be your CSS folder.

2) Add the following lines to every <head> section of your
   site. Make sure the link path is correct (here, BP is in my CSS folder):

   <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
   <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">	

3) That's it! Blueprint is now ready to shine.

How to use Blueprint

Here's a quick primer on how to use BP:

Each file is also heavily commented, so you'll learn a
lot by reading through them.

Files in Blueprint

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

* screen.css
  This is the main file of the framework. It imports other CSS 
  files from the "lib" directory, and should be included on 
  every page.

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

* lib/grid.css
  This file sets up the grid (it's true). It has a lot of classes
  you apply to divs to set up any sort of column-based grid.

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

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


Many parts of BP are directly inspired by other peoples work. 
You may thank them for their brilliance. However, *do not* ask 
them for support or any kind of help with BP.

* Jeff Croft                [jeffcroft.com]
* Nathan Borror             [playgroundblues.com]
* Christian Metts           [mintchaos.com]
* Wilson Miner              [wilsonminer.com]
* The Typogrify Project     [code.google.com/p/typogrify]
* Eric Meyer                [meyerweb.com/eric]
* Angus Turnbull            [twinhelix.com]
* Khoi Vinh                 [subtraction.com]

Questions, comments, suggestions or bug reports all go to
olav at bjorkoy dot com. Thanks for your interest!

== By Olav Bjorkoy
== http://bjorkoy.com