Skip to content

Instantly share code, notes, and snippets.

@mikeyp mikeyp/_layout.scss
Created Sep 13, 2013

Embed
What would you like to do?
section#main,
header,
footer {
.container {
@include outerRow();
}
}
header,
footer {
& > .inner {
@include column(12);
}
}
.no-sidebars {
section#content {
@include column(12);
}
}
.one-sidebar {
section#content {
@include column(9);
}
&.sidebar-first {
section#content {
@include push(3);
}
aside#sidebar-first {
@include column(3);
@include pull(9);
}
}
&.sidebar-second {
aside#sidebar-second {
@include column(3);
}
}
}
.two-sidebars {
section#content {
@include column(6);
@include push(3);
}
aside#sidebar-first {
@include column(3);
@include pull(6);
}
aside#sidebar-second {
@include column(3);
}
}
.region-highlighted {
@include outerRow();
.content {
@include column(10);
@extend .column;
@extend .centered;
}
}
.layout-with-highlighted {
header {
padding-bottom: 3.5em;
}
.region-highlighted {
margin-top: -2.5em;
}
}
// Creating .row .push-# classes
@for $i from 1 through $totalColumns - 1 {
.push-#{convert-number-to-word($i)} { #{$defaultFloat}: gridCalc($i, $totalColumns); }
.pull-#{convert-number-to-word($i)} { #{$defaultOpposite}: gridCalc($i, $totalColumns); }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.