{: versionI"3.2.19 (Media Mark):EF:shaI"-ea1c5c69670b720c254d96b5cc3a7e97a286d8f2;F: contents"Éo:Sass::Tree::RootNode :@children[ o:Sass::Tree::CommentNode : @value[I"Ñ/* Shame * ========================================================================== * http://csswizardry.com/2013/04/shame-css/ * This file is for changes awaiting merge into the govuk_frontend_toolkit */:ET: @type: silent;[: @linei: @options{o; ;[I"|/* New phase banner * Awaiting merge of pull request * https://github.com/alphagov/govuk_frontend_toolkit/pull/112 */; T; ; ;[; i ; @ o; ;[I"d/* Phase banner usage: * * .phase-banner { * @include phase-banner($state: beta); * } */; T; ; ;[; i; @ o:Sass::Tree::MixinDefNode : @nameI"phase-banner; T: @args[[o:Sass::Script::Variable;I" state; T:@underscored_nameI" state; T; @ o:Sass::Script::String ;I" alpha; T; :identifier; @ ; i: @splat0;[ o:Sass::Tree::PropNode ;[I" padding; T;o;;I"10px 0 8px 0; T; ;; @ : @tabsi:@prop_syntax:new;[; i; @ o:Sass::Tree::MixinNode ;I" media; T;[o; ;I" tablet; T; ;; @ ; i:@keywords{;0;[o; ;[I"padding-bottom; T;o;;I" 10px; T; ;; @ ;i;;;[; i; @ ; i:@has_childrenT; @ o; ;[I"border-bottom; T;o:Sass::Script::List ;[o:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i:@originalI"1px; F; @ o; ;I" solid; T; ;; @ ; io; ;I"border-colour; T;I"border_colour; T; i; @ :@separator: space; i; @ ;i;;;[; i; @ o:Sass::Tree::RuleNode : @rule[I"p; T;i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;([o:#Sass::Selector::SimpleSequence ;([o:Sass::Selector::Element ;[I"p; T:@namespace0; i:@filenameI"; T: @subject0: @sourceso:Set: @hash{; i;-@M; i;-@M;[o; ;[I" margin; T;o;;I"0; T; ;; @ ;i;;;[; i; @ o; ;[I" color; T;o; ;I"banner-text-colour; T;I"banner_text_colour; T; i; @ ;i;;;[; i; @ o; ;I" core-16; T;[;{;0;[; i; @ ; i;T; @ o;$ ;%[I".phase-tag; T;i;&o;';([o;);([o;* ;([o:Sass::Selector::Class;[I"phase-tag; T; i";-I"; T;.0;/o;0;1{; i";-@o; i";-@o;[o; ;I"phase-tag; T;[o; ;I" state; T;I" state; T; i#; @ ;{;0;[; i#; @ ; i";T; @ o;$ ;%[I" span; T;i;&o;';([o;);([o;* ;([o;+ ;[I" span; T;,0; i&;-I"; T;.0;/o;0;1{; i&;-@‚; i&;-@‚;[ o; ;I"inline-block; T;[;{;0;[; i'; @ o; ;[I" width; T;o;;I"75%; T; ;; @ ;i;;;[; i(; @ o; ;[I"vertical-align; T;o;;I"top; T; ;; @ ;i;;;[; i); @ o; ;I" media; T;[o; ;I" tablet; T; ;; @ ; i+;{;0;[o; ;[I" width; T;o;;I" auto; T; ;; @ ;i;;;[; i,; @ o; ;[I"vertical-align; T;o;;I" baseline; T; ;; @ ;i;;;[; i-; @ ; i+;T; @ ; i&;T; @ ; i;T; @ o; ;[I"‘/* Phase tag usage: * * Alpha * .phase-tag { * @include phase-tag; * } * * Beta * .phase-tag { * @include phase-tag(beta); * } */; T; ; ;[; i2; @ o; ;I"phase-tag; T;[[o;;I" state; T;I" state; T; @ o; ;I" alpha; T; ;; @ ; i>;0;[o; ;I"inline-block; T;[;{;0;[; i?; @ o; ;[I"vertical-align; T;o;;I"top; T; ;; @ ;i;;;[; i@; @ o; ;I" media; T;[o; ;I" tablet; T; ;; @ ; iB;{;0;[o; ;[I"vertical-align; T;o;;I" baseline; T; ;; @ ;i;;;[; iC; @ ; iB;T; @ o; ;[I" margin; T;o;;I"0 8px 0 0; T; ;; @ ;i;;;[; iF; @ o; ;[I" padding; T;o;;I"2px 5px 0; T; ;; @ ;i;;;[; iG; @ o; ;I" bold-16; T;[;{I"line_height; To:Sass::Script::Operation :@operand1o; ;i;[; [; iI;!I"20; F; @ :@operand2o; ;i;[; @ä; iI;!I"16; F; @ :@operator:div; iI; @ ;0;[; iI; @ o; ;[I"text-transform; T;o;;I"uppercase; T; ;; @ ;i;;;[; iJ; @ o; ;[I"letter-spacing; T;o;;I"1px; T; ;; @ ;i;;;[; iK; @ o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i;;;[; iL; @ o; ;[I" color; T;o;;I" #fff; T; ;; @ ;i;;;[; iN; @ u:Sass::Tree::IfNode<[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" state:ET:@underscored_nameI" state; T: @lineiO: @options{:@operand2o:Sass::Script::String : @valueI" alpha; T: @type:identifier; @ ; iO:@operator:eq; iO; @ u:Sass::Tree::IfNode‘[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" state:ET:@underscored_nameI" state; T: @lineiQ: @options{:@operand2o:Sass::Script::String : @valueI" beta; T: @type:identifier; @ ; iQ:@operator:eq; iQ; @ 0[o:Sass::Tree::PropNode ;[I"background-color; T;o; ;I"beta-colour; T; I"beta_colour; T; iR; @ : @tabsi:@prop_syntax:new:@children[; iR; @ [o:Sass::Tree::PropNode ;[I"background-color; T;o; ;I"alpha-colour; T; I"alpha_colour; T; iP; @ : @tabsi:@prop_syntax:new:@children[; iP; @ ; i>;T; @ :@templateI"Í// Shame // ========================================================================== // http://csswizardry.com/2013/04/shame-css/ // This file is for changes awaiting merge into the govuk_frontend_toolkit // New phase banner // Awaiting merge of pull request // https://github.com/alphagov/govuk_frontend_toolkit/pull/112 // Phase banner usage: // // .phase-banner { // @include phase-banner($state: beta); // } @mixin phase-banner($state: alpha) { padding: 10px 0 8px 0; @include media(tablet) { padding-bottom: 10px; } border-bottom: 1px solid $border-colour; p { margin: 0; color: $banner-text-colour; @include core-16; } .phase-tag { @include phase-tag($state); } span { @include inline-block; width: 75%; vertical-align: top; @include media(tablet) { width: auto; vertical-align: baseline; } } } // Phase tag usage: // // Alpha // .phase-tag { // @include phase-tag; // } // // Beta // .phase-tag { // @include phase-tag(beta); // } @mixin phase-tag($state: alpha) { @include inline-block; vertical-align: top; @include media(tablet){ vertical-align: baseline; } margin: 0 8px 0 0; padding: 2px 5px 0; @include bold-16($line-height: 20/16); text-transform: uppercase; letter-spacing: 1px; text-decoration: none; color: #fff; @if $state == alpha { background-color: $alpha-colour; } @else if $state == beta { background-color: $beta-colour; } } ; T; i;T; @