.govuk-grid-column-one-sixth { @include govuk-grid-column(one-sixth, $class: false); } .govuk-grid-column-five-sixths { @include govuk-grid-column(five-sixths, $class: false); } .govuk-grid-column-one-eighth { @include govuk-grid-column(one-eighth, $class: false); } .govuk-grid-column-five-eighths { @include govuk-grid-column(five-eighths, $class: false); } .govuk-grid-column-seven-eighths { @include govuk-grid-column(seven-eighths, $class: false); } %top-gutter, .top-gutter { @extend %contain-floats; display: block; margin-top: govuk-spacing(6); clear: both; } .top-gutter-4-3 { @extend %top-gutter; margin-top: govuk-spacing(7); } .top-gutter-1-2 { @extend %top-gutter; margin-top: govuk-spacing(3); } .top-gutter-1-3 { @extend %top-gutter; margin-top: govuk-spacing(2); } .top-gutter-2-3 { @extend %top-gutter; margin-top: govuk-spacing(4); } .top-gutter-0 { margin-top: 0; } %bottom-gutter, .bottom-gutter { @extend %contain-floats; margin-bottom: govuk-spacing(6); clear: both; } .bottom-gutter-2-3 { @extend %bottom-gutter; margin-bottom: govuk-spacing(4); } .bottom-gutter-1-2 { @extend %bottom-gutter; margin-bottom: govuk-spacing(3); } .bottom-gutter-1-3 { @extend %bottom-gutter; margin-bottom: govuk-spacing(2); } .bottom-gutter-3-2 { @extend %bottom-gutter; margin-bottom: govuk-spacing(6) * 3/2; } .bottom-gutter-2 { @extend %bottom-gutter; margin-bottom: govuk-spacing(9); } .left-gutter { padding-left: govuk-spacing(6); } .left-gutter-4-3 { padding-left: govuk-spacing(7); } .align-with-heading { display: block; text-align: center; margin-top: 13px; padding-left: 2px; padding-right: 2px; } .align-with-heading-copy { display: block; margin-top: 25px; } .align-with-heading-copy-right { display: block; margin: 21px 0 19px 0; text-align: right; } .align-with-big-number-hint { margin-top: govuk-spacing(8); }