Invisible, the CSS framework.

Really that simple.

Invisible is not complex. Invisible is a simple, small and modular CSS framework.

It provides a reset, a resizable (or fluid, whatever you call it) layout system and some other stuff.

Resize this browser window, zoom this page, change the font size. Enjoy Invisible CSS! ;)

Layout examples

.w20.left
.w75.right
.w20.left
.w20.right
.w50.center
.w75.left
.w20.right

.w25.left
.w70.right
.w25.left
.w25.right
.w40.center
.w70.left
.w25.right

.w45.left
.w45.right
.w30.left
.w30.right
.w30.center
.w15.left
.w20.left
.w15.right
.w20.right
.w15.center

Buliding your own

  1. Install CleverCSS, cssutils and PyPake, like this: $ sudo pip install clevercss cssutils pypake
  2. Get Invisible's source from Bazaar: $ bzr branch lp:invisible
  3. Build it with modules you need and/or layout step you need, for example: $ cd invisible
    $ pypake modules=reset,layout,layout2,fonts step=2