Skip to content

Instantly share code, notes, and snippets.

@jordanisip
Created April 20, 2010 00:39
Show Gist options
  • Save jordanisip/371856 to your computer and use it in GitHub Desktop.
Save jordanisip/371856 to your computer and use it in GitHub Desktop.
/* ============================= */
/* = Based off of the 1Kb Grid = */
/* ============================= */
!column_width = 30
!column_gutter = 10
!number_of_columns = 24
=push(!columns)
margin-left = (!column_width * !columns) + (!column_gutter * (!columns - 1)) + "px"
=spans(!columns)
width = (!column_width * !columns) + (!column_gutter * (!columns - 1)) + "px"
=column
margin-right = !column_gutter + "px"
overflow: hidden
float: left
display: inline
=row
+spans(!number_of_columns)
+last
margin: 0 auto
overflow: hidden
=nested_row
width: auto
display: inline-block
=last
margin-right: 0
.row
+row
.nested-row
+nested_row
.last
:margin-right 0 !important
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment