Skip to content

Blueprint Documentation: Grid Module

chriseppstein edited this page Sep 13, 2010 · 15 revisions

The Reset module provides mixins that allow you to reset your html so that every element has browser-supplied no styling. The source of the reset module can be found here.

Importing

To import the Compass Reset Module to any Sass File:


@import compass/reset

Class & Element Mixins

Class mixins provide classes or define styles for elements. These will be scoped according to the selector you mix them into.

+blueprint-grid Mix into a selector to get all the blueprint grid CSS classes scoped by that selector.

Style Mixins

Style mixins provide styles that can be mixed into any selector.

Mixin Description
+container Defines the selector as container of columns.
+column(n[, last]) Defines the selector as a column. The first argument is the number of grid columns to span and the second argument is a boolean that indicates whether the column is the last in the current row. E.g. +column(12) or +column(8, true)

Clone this wiki locally