Skip to content

Instantly share code, notes, and snippets.

@Wolfr
Created June 15, 2013 13:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Wolfr/5788239 to your computer and use it in GitHub Desktop.
Save Wolfr/5788239 to your computer and use it in GitHub Desktop.
Multiple container styles susy
/*
Grid using Susy
*/
// Susy default grid values
$total-columns : 6;
$column-width : 140px;
$gutter-width : 20px;
$grid-padding : 20px;
// Fluid pages
$container-style: fluid;
#layout-demo #header > .inner-content {
max-width: none;
@include container;
}
// Pages with max widths
$container-style: magic;
// Container
#header > .inner-content,
#content > .inner-content,
#footer > .inner-content {
// page acts as a container for our grid.
@include container;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment