2012-11-28 12:09:54 +01:00
|
|
|
// ===========================================================================
|
|
|
|
// GRID
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.container {
|
2013-02-11 00:04:29 +01:00
|
|
|
padding-right: $gutter-width * 2;
|
|
|
|
padding-left: $gutter-width * 2;
|
|
|
|
@include susy-grid-background;
|
2013-02-09 04:10:33 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
|
|
// iPhone
|
|
|
|
|
2013-02-11 00:04:29 +01:00
|
|
|
@mixin container-iPhone {
|
|
|
|
.container {
|
|
|
|
@extend %clearfix-iPhone;
|
|
|
|
}
|
2013-02-09 04:10:33 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
2013-02-11 03:39:30 +01:00
|
|
|
// iPad
|
|
|
|
|
|
|
|
@mixin container-iPad {
|
|
|
|
.container {
|
|
|
|
@include container;
|
|
|
|
@include susy-grid-background;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
|
|
// SCREEN
|
|
|
|
|
|
|
|
@mixin container-screen {
|
|
|
|
.container {
|
|
|
|
@include set-container-width;
|
|
|
|
@include susy-grid-background;
|
2013-02-09 04:10:33 +01:00
|
|
|
}
|
2012-11-28 12:09:54 +01:00
|
|
|
}
|