Sha256: 483387830d7f7916a599fc15a3e53678ec286d5c9b1ed7a1fc44bad1a4da57b0

Contents?: true

Size: 1.32 KB

Versions: 1

Compression:

Stored size: 1.32 KB

Contents

960 Grid System - Compass Plugin
================================

* Port of Version 1.0
* 2008-03-24

Created by Nathan Smith. See the official site for more info: <http://960.gs/>

---------

This plugin adds the 960 Grid System framework to [Compass](http://compass-style.org/).

Install
=======

    gem install compass
    gem install compass-960-plugin

Create a 960-based Compass Project
==================================

    compass -r ninesixty -f 960 <project name>

Then edit your `grid.sass` and `text.sass` files accordingly. A reset is added into grid.sass automatically.

Customizing your Grid System
============================

To create a grid system with other number of columns use the `+grid-system` mixin to generate
the corresponding classes.

Example:

    #wrap
      +grid-system(24)

Making Semantic Grids
=====================

* Use the `+grid-container` mixin to declare your container element.
* Use the `+grid` mixin to declare a grid element.
* Use the `+alpha` and `+omega` mixins to declare the first and last grid elements for a row.
* User the `+grid-prefix` and `+grid-suffix` mixins to add grid columns before or after a grid element.

Example:

    #wrap
      +grid-container
      #left-nav
        +alpha
        +grid(5,16)
      #main-content
        +grid-prefix(1,16)
        +grid(10, 16)
        +omega

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
compass-960-plugin-0.9.12 README.mkdn