A Minimalist CSS Framework – Bijou

Preview:

Description:

Bijou is a lightweight and easy CSS framework for quickly and easily creating your own styles of grid layout, typography, tables, buttons and more. Supports all the modern browsers and Internet Explorer 9+.

Usage:

Include Bijou.css in your document.

<link rel="stylesheet" href="css/bijou.min.css">

Create a neat grid layout with bijou.css.

<div class='grid'>
<div class='row'>
<div class='span ten dark'>TEN</div>
</div>
<div class='row'>
<div class='span one dark'>ONE</div>
<div class='span nine light'>NINE</div>
</div>
<div class='row'>
<div class='span two dark'>TWO</div>
<div class='span eight light'>EIGHT</div>
</div>
<div class='row'>
<div class='span three dark'>THREE</div>
<div class='span seven light'>SEVEN</div>
</div>
<div class='row'>
<div class='span four dark'>FOUR</div>
<div class='span six light'>SIX</div>
</div>
<div class='row'>
<div class='span five dark'>FIVE</div>
<div class='span five light'>FIVE</div>
</div>
<div class='row'>
<div class='span six dark'>SIX</div>
<div class='span four light'>FOUR</div>
</div>
<div class='row'>
<div class='span seven dark'>SEVEN</div>
<div class='span three light'>THREE</div>
</div>
<div class='row'>
<div class='span eight dark'>EIGHT</div>
<div class='span two light'>TWO</div>
</div>
<div class='row'>
<div class='span nine dark'>NINE</div>
<div class='span one light'>ONE</div>
</div>
</div>

Changelog:

06/27/2014

• 12 column fix