@charset "UTF-8";

//
// PacMan
//
// A two column centered 33/66 template with header and footer.
//
// .layout-pacman--right - Right sidebar variant.
//
// Markup: ../../../../../templates/layout/grid/two-column/pacman/pacman.twig
//
// Style guide: Layout.Grid.2Column.Pacman
//
$_layout-pacman-columns: (
  $su-breakpoint-xs: 1fr,
  $su-breakpoint-sm: 1fr 1fr 1fr,
  $su-breakpoint-md: 1fr 1fr 1fr,
  $su-breakpoint-lg: 1fr 1fr 1fr,
  $su-breakpoint-xl: 1fr 1fr 1fr,
  $su-breakpoint-2xl: 1fr 1fr 1fr
);

.layout-pacman {

  > div,
  > header,
  > footer {
    @include centered-column;
  }

  > div {
    @include responsive-grid-columns($_layout-pacman-columns);

    aside {
      @include grid-media('sm') {
        @include grid-item-spans(1, span 1);
      }
    }

    section {
      @include grid-media('sm') {
        @include grid-item-spans(2, span 2, 1, span 1);
      }
    }

  }

}
