Skip to content

Instantly share code, notes, and snippets.

@zaigham
Created June 22, 2012 13:23
Show Gist options
  • Save zaigham/2972708 to your computer and use it in GitHub Desktop.
Save zaigham/2972708 to your computer and use it in GitHub Desktop.
$total-columns : 24; // a 24-column grid
$column-width : 1.875em; // each column is 30px wide
$grid-padding : 0.313em; // 5px grid-padding
$gutter-width : $grid-padding*2; // 5*2px gutters between columns
$desktop : 24;
$tablet : 16 (($column-width*16)+($gutter-width*15))em;
$mobile : 8 (($column-width*8)+($gutter-width*7))em;
// ======================================
#container {
@include container ($total-columns, $desktop, $tablet, $mobile);
//@include susy-grid-background;
}
#container {
@include susy-grid-background;
@include at-breakpoint($desktop) {
@include susy-grid-background;
}
@include at-breakpoint($tablet) {
@include susy-grid-background;
}
@include at-breakpoint($mobile) {
@include susy-grid-background;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment