{: versionI"3.2.19 (Media Mark):EF:shaI"-6b09fe8d0523e5b702b65588a07e6154c322e912;F: contents"/o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"`/* Buttons * ========================================================================== */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::RuleNode : @rule[I" .button; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I" button; T; i :@filenameI"; T: @subject0: @sourceso:Set: @hash{; i ;@; i ;@;[ o:Sass::Tree::MixinNode ;I" button; T: @args[o:Sass::Script::Variable ;I"button-colour; T:@underscored_nameI"button_colour; T; i ; @ :@keywords{: @splat0;[; i ; @ o:Sass::Tree::PropNode ;[I" margin; T;o:Sass::Script::List ;[ o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i :@originalI"0; F; @ o; ;I"gutter-half; T; I"gutter_half; T; i ; @ o; ;I"gutter-half; T; I"gutter_half; T; i ; @ o;% ;i;&[;'@+; i ;(I"0; F; @ :@separator: space; i ; @ ;i:@prop_syntax:new;[; i ; @ o;# ;[I" padding; T;o;$ ;[ o:Sass::Script::Funcall ;I"em; T;[o;% ;i;&[;'@+; i ;(I"10; F; @ ;!{;"0; i ; @ o;- ;I"em; T;[o;% ;i;&[;'@+; i ;(I"15; F; @ ;!{;"0; i ; @ o;- ;I"em; T;[o;% ;i ;&[;'@+; i ;(I"5; F; @ ;!{;"0; i ; @ o;- ;I"em; T;[o;% ;i;&[;'@+; i ;(I"15; F; @ ;!{;"0; i ; @ ;);*; i ; @ ;i;+;,;[; i ; @ o;# ;[I"vertical-align; T;o:Sass::Script::String;I"top; T; :identifier; @ ;i;+;,;[; i ; @ ; i :@has_childrenT; @ o; ;[I".button:focus; T;i;o;;[o;;[o; ;[o;;[I" button; T; i;I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" focus; T: @arg0; i;@k;0;o;;{; i;@k; i;@k;[o;# ;[I" outline; T;o;$ ;[o;% ;i;&[I"px; T;'[; i;(I"3px; F; @ o;. ;I" solid; T; ;/; @ ; io; ;I" yellow; T; I" yellow; T; i; @ ;);*; i; @ ;i;+;,;[; i; @ ; i;0T; @ o; ;[I"/* Disabled buttons */; T; ; ;[; i; @ o; ;[I"!.button[disabled="disabled"]; T;i;o;;[o;;[o; ;[o;;[I" button; T; i;I"; To:Sass::Selector::Attribute ;[I" disabled; T:@namespace0:@operatorI"=; T;[I""disabled"; T: @flags0; i;@;0;o;;{; i;@; i;@;[o;# ;[I"background; T;o; ;I"button-colour; T; I"button_colour; T; i; @ ;i;+;,;[; i; @ ; i;0T; @ o; ;[I"'.button[disabled="disabled"]:focus; T;i;o;;[o;;[o; ;[o;;[I" button; T; i;I"; To;5 ;[I" disabled; T;60;7I"=; T;[I""disabled"; T;80; i;@Šo;1 ;2;3;[I" focus; T;40; i;@Š;0;o;;{; i;@Š; i;@Š;[o;# ;[I" outline; T;o;.;I" none; T; ;/; @ ;i;+;,;[; i; @ ; i;0T; @ o; ;[I"/* Start now buttons */; T; ; ;[; i; @ o; ;[I".button-get-started; T;i;o;;[o;;[o; ;[o;;[I"button-get-started; T; i;I"; T;0;o;;{; i;@Í; i;@Í;[ o; ;I" bold-24; T;[;!{;"0;[; i; @ o;# ;[I"background-image; T;o;- ;I"url; T;[o;. ;I"%../images/icons/icon-pointer.png; T; : string; @ ; i ;!{;"0; i ; @ ;i;+;,;[; i ; @ o;# ;[I"background-repeat; T;o;.;I"no-repeat; T; ;/; @ ;i;+;,;[; i!; @ o;# ;[I"background-position; T;o;.;I" 100% 50%; T; ;/; @ ;i;+;,;[; i"; @ o;# ;[I" padding; T;o;$ ;[ o;- ;I"em; T;[o;% ;i ;&[;'@+; i#;(I"7; F; @ ;!{;"0; i#; @ o;- ;I"em; T;[o;% ;i.;&[;'@+; i#;(I"41; F; @ ;!{;"0; i#; @ o;- ;I"em; T;[o;% ;i ;&[;'@+; i#;(I"4; F; @ ;!{;"0; i#; @ o;- ;I"em; T;[o;% ;i;&[;'@+; i#;(I"16; F; @ ;!{;"0; i#; @ ;);*; i#; @ ;i;+;,;[; i#; @ o; ;I"device-pixel-ratio; T;[;!{;"0;[o;# ;[I"background-image; T;o;- ;I"url; T;[o;. ;I"(../images/icons/icon-pointer-2x.png; T; ;9; @ ; i&;!{;"0; i&; @ ;i;+;,;[; i&; @ o;# ;[I"background-size; T;o;.;I"30px 19px; T; ;/; @ ;i;+;,;[; i'; @ ; i%;0T; @ o; ;I"ie; T;[o;% ;i ;&[;'@+; i*;(I"6; F; @ ;!{;"0;[o;# ;[I"background-image; T;o;- ;I"url; T;[o;. ;I"(../images/icons/icon-pointer-2x.png; T; ;9; @ ; i+;!{;"0; i+; @ ;i;+;,;[; i+; @ ; i*;0T; @ ; i;0T; @ o; ;[I"/* Show & hide links */; T; ; ;[; i/; @ o; ;[I"details, summary; T;i;o;;[o;;[o; ;[o:Sass::Selector::Element ;[I" details; T;60; i1;I"; T;0;o;;{; i1;@Eo;;[I" ; To; ;[o;: ;[I" summary; T;60; i1;@E;0;o;;{; i1;@E; i1;@E;[o;# ;[I" display; T;o;.;I" block; T; ;/; @ ;i;+;,;[; i2; @ ; i1;0T; @ o; ;[I"details summary; T;i;o;;[o;;[o; ;[o;: ;[I" details; T;60; i5;I"; T;0;o;;{; i5;@eo; ;[o;: ;[I" summary; T;60; i5;@e;0;o;;{; i5;@e; i5;@e;[o;# ;[I" color; T;o; ;I"govuk-blue; T; I"govuk_blue; T; i6; @ ;i;+;,;[; i6; @ o;# ;[I"text-decoration; T;o;.;I"underline; T; ;/; @ ;i;+;,;[; i7; @ ; i5;0T; @ o; ;[I"details summary:focus; T;i;o;;[o;;[o; ;[o;: ;[I" details; T;60; i:;I"; T;0;o;;{; i:;@‰o; ;[o;: ;[I" summary; T;60; i:;@‰o;1 ;2;3;[I" focus; T;40; i:;@‰;0;o;;{; i:;@‰; i:;@‰;[o;# ;[I" outline; T;o;$ ;[o;% ;i;&[I"px; T;'[; i;;(I"3px; F; @ o;. ;I" solid; T; ;/; @ ; i;o; ;I" yellow; T; I" yellow; T; i;; @ ;);*; i;; @ ;i;+;,;[; i;; @ ; i:;0T; @ :@templateI"6// Buttons // ========================================================================== .button { @include button ($button-colour); margin: 0 $gutter-half $gutter-half 0; padding: em(10) em(15) em(5) em(15); vertical-align: top; } .button:focus { outline: 3px solid $yellow; } // Disabled buttons .button[disabled="disabled"] { background: $button-colour; } .button[disabled="disabled"]:focus { outline: none; } // Start now buttons .button-get-started { @include bold-24; background-image: url("../images/icons/icon-pointer.png"); background-repeat: no-repeat; background-position: 100% 50%; padding: em(7) em(41) em(4) em(16); @include device-pixel-ratio { background-image: url("../images/icons/icon-pointer-2x.png"); background-size: 30px 19px; } @include ie(6) { background-image: url("../images/icons/icon-pointer-2x.png"); } } // Show & hide links details, summary { display: block; } details summary { color: $govuk-blue; text-decoration: underline; } details summary:focus { outline: 3px solid $yellow; } ; T; i;0T; @