@charset "UTF-8";

//
// Wedge
//
// A two column centered 25/75 template.
//
// .layout-wedge--right - Right sidebar variant.
//
// Markup: ../../../../../templates/layout/grid/two-column/wedge/wedge.twig
//
// Style guide: Layout.Grid.2Column.Wedge
//
$_layout-wedge-columns: (
  $su-breakpoint-xs: 1fr,
  $su-breakpoint-sm: 1fr 1fr 1fr,
  $su-breakpoint-md: 1fr 1fr 1fr 1fr,
  $su-breakpoint-lg: 1fr 1fr 1fr 1fr,
  $su-breakpoint-xl: 1fr 1fr 1fr 1fr,
  $su-breakpoint-2xl: 1fr 1fr 1fr 1fr
);

.layout-wedge {
  > section {
    @include centered-column;
    @include responsive-grid-columns($_layout-wedge-columns);

    div {
      &:first-child {
        @include grid-media('sm') {
          @include grid-item-spans(1, span 1);
        }
      }

      &:nth-child(2) {
        @include grid-media('sm') {
          @include grid-item-spans(2, span 3, 1, span 1);
        }
      }
    }

  }
}
