Commits

Anonymous committed 67b202a

Updated example in README

Comments (0)

Files changed (1)

 <!-- -*- markdown -*- -->
 
-BlockCSS is a modular CSS framework based on LessCSS.
+BlockCSS is a modular CSS framework based on [LessCSS](http://lesscss.org/docs).
 
 sample.less:
-    @import('http://blockcss.com/color_themes.less');   // import color themes
-    @import('http://blockcss.com/font_stacks.less');    // import font stacks
-    .theme { .apex; }                                   // Define a theme
 
-Definitions
------------
-Filename            | Description
---------------------|----------------------------------------
-color_themes.less   | Standard color themes (Office 2007)
-font_stacks.less    | Web-safe font stacks
-backgrounds.less    | Transparent background patterns
+    @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
 --------------
-Filename            | Description
---------------------|----------------------------------------
-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)
+* 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)