Sha256: 8fb8be80aaabf1e5c8b6ebe415f4897780c9ce6b80ae6f4bb4a5d2bfd01192af

Contents?: true

Size: 913 Bytes

Versions: 7

Compression:

Stored size: 913 Bytes

Contents

@import '_conditionals.scss';
@import '_measurements.scss';
@import '_shims.scss';

// Outer block sets a max width
@mixin outer-block {
  margin: 0 auto;
  width: auto;
  max-width: 960 + $gutter*2;
  @extend %contain-floats;
  @include ie-lte(8) {
    width: 1020px;
  }
}

// Outer block usage:
//
// .outer-block {
//    @include outer-block;
// }

// Inner block sets either margin or padding
// to align content with header and footer
@mixin inner-block($margin-or-padding: padding) {
  #{$margin-or-padding}-left: $gutter-half;
  #{$margin-or-padding}-right: $gutter-half;
  @include media(tablet) {
    #{$margin-or-padding}-left: $gutter;
    #{$margin-or-padding}-right: $gutter;
  }
}

// Inner block usage:
//
// By default, inner block sets padding
// .inner-block {
//    @include inner-block;
// }
//
// To set margins instead of padding:
// .inner-block {
//    @include inner-block(margin);
// }

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
govuk_frontend_toolkit-1.6.2 app/assets/stylesheets/_grid_layout.scss
govuk_frontend_toolkit-1.6.1 app/assets/stylesheets/_grid_layout.scss
govuk_frontend_toolkit-1.6.0 app/assets/stylesheets/_grid_layout.scss
govuk_frontend_toolkit-1.5.0 app/assets/stylesheets/_grid_layout.scss
govuk_frontend_toolkit-1.4.0 app/assets/stylesheets/_grid_layout.scss
govuk_frontend_toolkit-1.3.0 app/assets/stylesheets/_grid_layout.scss
govuk_frontend_toolkit-1.2.0 app/assets/stylesheets/_grid_layout.scss