Joshua Works worksology
jcroft
/ grid.sass
Created
March 21, 2011 18:09
The grid component from my personal front-end framework. Brief demo here: http://jeffcroft.com/static/misc/grid_frameworks.mov
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // REQUIRED VARS. Defaults to a 950px wide, 24-column grid that has 30px wide units and 10px wide | |
| // gutters. If you do the fluid grid, then this 950/24/30/10px size will become the maximum size. | |
| $grid_type: fixed !default | |
| $grid_columns: 24 !default | |
| $grid_column_width: 30 !default | |
| $grid_gutter_width: 10 !default | |
| // GENERATED VARS. You can ignore these. | |
| $grid_full_width: $grid_columns * $grid_column_width + $grid_columns * $grid_gutter_width - $grid_gutter_width | |
| $grid_column_width_percent: ($grid_column_width / $grid_full_width * 100) * 1% |