{: versionI"3.2.19 (Media Mark):EF:shaI"-732193b1f58c5d44d760fc9b5026fa2008fdc7a5;F: contents" ,o:Sass::Tree::RootNode :@children[$o:Sass::Tree::CommentNode : @value[I"_/* Layout * ========================================================================== */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::RuleNode : @rule[I" #wrapper; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Id: @name[I" wrapper; T; i :@filenameI"; T: @subject0: @sourceso:Set: @hash{; i ;@; i ;@;[o:Sass::Tree::PropNode ;[I"text-align; T;o:Sass::Script::String;I" center; T; :identifier; @ ;i:@prop_syntax:new;[; i ; @ o; ;[I"padding-bottom; T;o:Sass::Script::Variable ;I" gutter; T:@underscored_nameI" gutter; T; i ; @ ;i; ;!;[; i ; @ o:Sass::Tree::MixinNode ;I" media; T: @args[o; ;I" desktop; T; ;; i ; @ :@keywords{: @splat0;[o; ;[I"padding-bottom; T;o:Sass::Script::Operation :@operand1o;" ;I" gutter; T;#I" gutter; T; i; @ :@operand2o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i:@originalI"3; F; @ :@operator: times; i; @ ;i; ;!;[; i; @ ; i :@has_childrenT; @ ; i ;1T; @ o; ;[I"†/* Use .outer-block to create a max width block of 1020px, * Use .inner-block to create padding that matches the header and footer */; T; ; ;[; i; @ o; ;[I"/* .outer-block, */; T; ; ;[; i; @ o; ;[I" #content; T;i;o;;[o;;[o; ;[o;;[I" content; T; i;I"; T;0;o;;{; i;@P; i;@P;[ o; ;[I"text-align; T;o;;I" left; T; ;; @ ;i; ;!;[; i; @ o;$ ;I"outer-block; T;%[;&{;'0;[; i; @ o;$ ;I"contain-floats; T;%[;&{;'0;[; i; @ o; ;[I":/* Repeated as %extend placeholder isn't supported */; T; ; ;[; i; @ ; i;1T; @ o; ;[I".inner-block; T;i;o;;[o;;[o; ;[o:Sass::Selector::Class;[I"inner-block; T; i;I"; T;0;o;;{; i;@t; i;@t;[o;$ ;I"inner-block; T;%[o; ;I" margin; T; ;; i; @ ;&{;'0;[; i; @ ; i;1T; @ o; ;[I"g/* Ensure .inner-block doesn't inherit a margin here * TODO: Change this in the govuk_template */; T; ; ;[; i!; @ o; ;[I"I#global-cookie-message .inner-block, #global-header-bar .inner-block; T;i;o;;[o;;[o; ;[o;;[I"global-cookie-message; T; i$;I"; T;0;o;;{; i$;@Šo; ;[o;2;[I"inner-block; T; i$;@Š;0;o;;{; i$;@Šo;;[I" ; To; ;[o;;[I"global-header-bar; T; i$;@Š;0;o;;{; i$;@Šo; ;[o;2;[I"inner-block; T; i$;@Š;0;o;;{; i$;@Š; i$;@Š;[o; ;[I" margin; T;o;;I"0; T; ;; @ ;i; ;!;[; i%; @ ; i$;1T; @ o; ;[I"®/* ========================================================================== * Phase banner * ========================================================================== */; T; ; ;[; i); @ o; ;[I".phase-banner; T;i;o;;[o;;[o; ;[o;2;[I"phase-banner; T; i-;I"; T;0;o;;{; i-;@¼; i-;@¼;[o;$ ;I"phase-banner; T;%[o; ;I" alpha; T; ;; i.; @ ;&{;'0;[; i.; @ ; i-;1T; @ o; ;[I"d/* Grid layout * ========================================================================== */; T; ; ;[; i2; @ o; ;[I"*/* Usage: * For two equal columns */; T; ; ;[; i5; @ o; ;[I"g/*
*
*
*/; T; ; ;[; i8; @ o; ;[I"c/*
*
*
*
*/; T; ; ;[; i<; @ o; ;[I"+/*
*
*
*/; T; ; ;[; iA; @ o; ;[I" //
//
//
//
//
//
//
//
// // Use .grid-wrapper to wrap and clear grid sections .grid-wrapper { @include contain-floats; @include media(tablet){ margin-left: 15px; margin-right: 15px; } } // Use .grid-divider to create borders dividing grid sections .grid-divider { @include contain-floats; border-bottom: 1px solid $border-colour; margin-bottom: 20px; margin-left: 15px; margin-right: 15px; @include media(tablet){ margin-left: 30px; margin-right: 30px; } } // 2. Grid units take 100% width, unless a .grid-width class is applied .grid { float: left; width: 100%; } // Grid widths .grid-1-4 { @include media(tablet) { width: 25%; } } .grid-1-3 { @include media(tablet) { width: 33.333333333%; } } .grid-1-2 { @include media(tablet) { width: 50%; } } .grid-2-3 { @include media(tablet) { width: 66.666666667%; } } .grid-3-4 { @include media(tablet) { width: 75%; } } // Grid 'inner-block' sets spacing between grid cells .grid .inner-block { padding: 0; @include media(tablet) { margin: 0 $gutter-half; } } // Don't put .grid-wrapper inside .inner block // There's no need for the extra containing div // ** These styles are here in case you do, so we don't break the grid ** .inner-block { .grid-wrapper { padding: 0; margin-left: -15px; margin-right: -15px; } .grid-divider { margin-left: 0; margin-right: 0; } } ; T; i;1T; @