Overview

<!-- -*- markdown -*- -->

BlockCSS is a modular CSS framework based on [LessCSS](http://lesscss.org/docs).

sample.less:

    @import "reset.less";
    @import "grids.less";
    @import "lineheight.less";

    @import "color_themes.less";
    .theme { .civic; }
    .red        { color: .theme[@accent_2]; }
    .darkred    { color: .theme[@accent_2_d50]; }
    .lightred   { color: .theme[@accent_2_b50]; }

    @import "font_stacks.less";
    h1, h2, h3 { font-family: .font[@serif]; }
    body       { font-family: .font[@thinsansserif]; }
    pre,code   { font-family: .font[@monospace]; }

    @import "backgrounds.less";
    body { background-color: .theme[@accent_1]; background-image: .background[@brick]; }


Variable definitions
--------------------
* color_themes.less: Standard color themes (Office 2007)
* font_stacks.less: Web-safe font stacks
* backgrounds.less: Transparent background patterns

Base libraries
--------------
* reset.less: Based on [YUI3 CSS Reset](http://github.com/yui/yui3/blob/master/src/cssreset/css/reset.css)
* grids.less: Based on [YUI3 CSS Grids](http://github.com/yui/yui3/blob/master/src/cssgrids/css/grids.css)
* lineheight.less: Subset of [SenCSS](http://sencss.kilianvalkhof.com/source/sen.css)