Blueprint Documentation: Liquid Grid Module

Importing

You can include the liquid grid (let’s say in application.sass) like:

@import blueprint/modules/liquid.sass
+blueprint-liquid-grid

Usage

The original liquid grid documentation is here.

According to the author, if the 24 column grid layout is preserved, the css for liquid or fixed layouts can be the same.

If you stick with Base 24, you can literally use the exact same liquid.css file with every project and only have to toggle the .container width value to switch from fixed to liquid layouts.

Examples

By default the container takes 80% of the canvas, you can reset it by:

.container
  :width 99%