//
// main layout
//
.uc-layout-left-sidebar {
  width: percentage(2 / 12);
  padding-top: $gutter;
  padding-bottom: $gutter;
  @include respond-small-tablet;
}
.uc-layout-center {
  width: percentage(10 / 12);
  padding-top: $gutter;
  padding-bottom: $gutter;
  @include respond-small-tablet;
}

//
// wide sidebar layout
//
.uc-layout-sidebar-wide {
  width: percentage(3 / 12);
  @include respond-small-tablet;
}
.uc-layout-center-slim {
  width: percentage(9 / 12);
  padding-top: $gutter;
  padding-bottom: $gutter;
  @include respond-small-tablet;
}

//
// split main layout column into two, or single
//
.uc-layout-center-center {
  width: percentage(8 / 10);
  padding-left: $gutter;
  padding-right: $gutter;
  @include respond-small-tablet;
}
.uc-layout-center-sidebar {
  width: percentage(2 / 10);
  padding-right: $gutter;
  @include respond-small-tablet;
  @media #{$small-tablet} {
    padding-left: $gutter;
  }
}
.uc-layout-center-full {
  width: percentage(10 / 10);
  padding-left: $gutter;
  padding-right: $gutter;
  @include respond-small-tablet;
}

//
// bigger-right-sidebar
//
.uc-layout-bigger-right-sidebar-center {
  width: percentage(2 / 3);
  padding-left: $gutter;
  padding-right: $gutter;
  @include respond-small-tablet;
}
.uc-layout-bigger-right-sidebar {
  width: percentage(1 / 3);
  padding-right: $gutter;
  @include respond-small-tablet;
  @media #{$small-tablet} {
    padding-left: $gutter;
  }
}