Sha256: 3511895645c8010c09386eb20ddff119f5722440f019524508d6b04d63c8bc7b
Contents?: true
Size: 899 Bytes
Versions: 11
Compression:
Stored size: 899 Bytes
Contents
@mixin govuk-width-container {
// Limit the width of the container to the page width
max-width: $govuk-page-width;
// On mobile, add half width gutters
margin: 0 $govuk-gutter-half;
// On tablet, add full width gutters
@include govuk-media-query($from: tablet) {
margin: 0 $govuk-gutter;
}
// As soon as the viewport is greater than the width of the page plus the
// gutters, just centre the content instead of adding gutters.
@include govuk-media-query($and: "(min-width: #{($govuk-page-width + $govuk-gutter * 2)})") {
margin: 0 auto;
}
@include govuk-if-ie8 {
width: $govuk-page-width;
// Since media queries are not supported in IE8,
// we need to duplicate this margin that centers the page.
margin: 0 auto;
}
}
@include govuk-exports("govuk/objects/width-container") {
.govuk-width-container {
@include govuk-width-container;
}
}
Version data entries
11 entries across 11 versions & 1 rubygems