_layout.scss

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); }
}