{: versionI"3.2.19 (Media Mark):EF:shaI"-dde55eaf94f642a71c6d26671f3204e02b8479ce;F: contents"Õo:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"7/* Large hit area * Radio buttons & checkboxes */:ET: @type: silent;[: @linei: @options{o; ;[I"4/* By default, block labels stack vertically */; T; ; ;[; i ; @ o:Sass::Tree::RuleNode : @rule[I".block-label; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I"block-label; T; i :@filenameI"; T: @subject0: @sourceso:Set: @hash{; i ;@; i ;@;[o:Sass::Tree::PropNode ;[I" display; T;o:Sass::Script::String;I" block; T; :identifier; @ ;i:@prop_syntax:new;[; i ; @ o; ;[I" float; T;o;;I" none; T; ;; @ ;i; ;!;[; i ; @ o; ;[I" clear; T;o;;I" left; T; ;; @ ;i; ;!;[; i; @ o; ;[I" position; T;o;;I" relative; T; ;; @ ;i; ;!;[; i; @ o; ;[I"background; T;o:Sass::Script::Variable ;I"panel-colour; T:@underscored_nameI"panel_colour; T; i; @ ;i; ;!;[; i; @ o; ;[I" border; 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"panel-colour; T;#I"panel_colour; T; i; @ :@separator: space; i; @ ;i; ;!;[; i; @ o; ;[I" padding; T;o;$ ;[ o;% ;i;&[I"px; T;'[; i; @ o;" ;I" gutter; T;#I" gutter; T; i; @ o;" ;I"gutter-half; T;#I"gutter_half; T; i; @ o:Sass::Script::Operation :@operand1o;" ;I" gutter; T;#I" gutter; T; i; @ :@operand2o;% ;f1.5;&[;'[; i;(I"1.5; F; @ :@operator: times; i; @ ;);*; i; @ ;i; ;!;[; i; @ o; ;[I"margin-top; T;o;;I" 10px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-bottom; T;o;;I" 10px; T; ;; @ ;i; ;!;[; i; @ o; ;[I" cursor; T;o;;I" pointer; T; ;; @ ;i; ;!;[; i; @ o; ;[I"-/* Encourage clicking on block labels */; T; ; ;[; i; @ o:Sass::Tree::MixinNode ;I" media; T: @args[o; ;I" tablet; T; ;; @ ; i:@keywords{: @splat0;[ o; ;[I" float; T;o;;I" left; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-top; T;o;;I"5px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-bottom; T;o;;I"5px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"G/* width: 25%; - Test : check that text within labels will wrap */; T; ; ;[; i; @ ; i:@has_childrenT; @ ; i ;4T; @ o; ;[I".block-label:hover; T;i;o;;[o;;[o; ;[o;;[I"block-label; T; i!;I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover; T: @arg0; i!;@¢;0;o;;{; i!;@¢; i!;@¢;[o; ;[I"border-color; T;o;" ;I" black; T;#I" black; T; i"; @ ;i; ;!;[; i"; @ ; i!;4T; @ o; ;[I"@/* Position checkbox within label, to allow text to wrap */; T; ; ;[; i%; @ o; ;[I".block-label input; T;i;o;;[o;;[o; ;[o;;[I"block-label; T; i&;I"; T;0;o;;{; i&;@Ào; ;[o:Sass::Selector::Element ;[I" input; T:@namespace0; i&;@À;0;o;;{; i&;@À; i&;@À;[ o; ;[I" position; T;o;;I" absolute; T; ;; @ ;i; ;!;[; i'; @ o; ;[I"top; T;o;;I" 18px; T; ;; @ ;i; ;!;[; i(; @ o; ;[I" left; T;o;" ;I"gutter-half; T;#I"gutter_half; T; i); @ ;i; ;!;[; i); @ o; ;[I" cursor; T;o;;I" pointer; T; ;; @ ;i; ;!;[; i*; @ ; i&;4T; @ o; ;[I"=/* Use inline, to sit block labels next to each other */; T; ; ;[; i-; @ o; ;[I".inline .block-label; T;i;o;;[o;;[o; ;[o;;[I" inline; T; i.;I"; T;0;o;;{; i.;@ôo; ;[o;;[I"block-label; T; i.;@ô;0;o;;{; i.;@ô; i.;@ô;[o; ;[I" clear; T;o;;I" none; T; ;; @ ;i; ;!;[; i/; @ o; ;[I"margin-right; T;o;" ;I"gutter-half; T;#I"gutter_half; T; i0; @ ;i; ;!;[; i0; @ ; i.;4T; @ o; ;[I"(/* Only if JavaScript is enabled */; T; ; ;[; i3; @ o; ;[I"+/* Add focus styles to block labels */; T; ; ;[; i5; @ o; ;[I".js-enabled .add-focus; T;i;o;;[o;;[o; ;[o;;[I"js-enabled; T; i6;I"; T;0;o;;{; i6;@ o; ;[o;;[I"add-focus; T; i6;@ ;0;o;;{; i6;@ ; i6;@ ;[o; ;[I" outline; T;o;$ ;[o;% ;i;&[I"px; T;'[; i7;(I"3px; F; @ o; ;I" solid; T; ;; @ ; i7o;" ;I" yellow; T;#I" yellow; T; i7; @ ;);*; i7; @ ;i; ;!;[; i7; @ ; i6;4T; @ o; ;[I"=/* Remove focus styles from radio and checkbox inputs */; T; ; ;[; i:; @ o; ;[I").js-enabled .block-label input:focus; T;i;o;;[o;;[o; ;[o;;[I"js-enabled; T; i;;I"; T;0;o;;{; i;;@Ko; ;[o;;[I"block-label; T; i;;@K;0;o;;{; i;;@Ko; ;[o;9 ;[I" input; T;:0; i;;@Ko;5 ;6;7;[I" focus; T;80; i;;@K;0;o;;{; i;;@K; i;;@K;[o; ;[I" outline; T;o;;I" none; T; ;; @ ;i; ;!;[; i<; @ ; i;;4T; @ o; ;[I"-/* Add selected state to block labels */; T; ; ;[; i?; @ o; ;[I".js-enabled .selected; T;i;o;;[o;;[o; ;[o;;[I"js-enabled; T; i@;I"; T;0;o;;{; i@;@vo; ;[o;;[I" selected; T; i@;@v;0;o;;{; i@;@v; i@;@v;[o; ;[I"background; T;o;" ;I" white; T;#I" white; T; iA; @ ;i; ;!;[; iA; @ o; ;[I"border-color; T;o;" ;I" black; T;#I" black; T; iB; @ ;i; ;!;[; iB; @ ; i@;4T; @ :@templateI"Ü// Large hit area // Radio buttons & checkboxes // By default, block labels stack vertically .block-label { display: block; float: none; clear: left; position: relative; background: $panel-colour; border: 1px solid $panel-colour; padding: (18px $gutter $gutter-half $gutter*1.5); margin-top: 10px; margin-bottom: 10px; cursor: pointer; // Encourage clicking on block labels @include media(tablet) { float: left; margin-top: 5px; margin-bottom: 5px; // width: 25%; - Test : check that text within labels will wrap } } .block-label:hover { border-color: $black; } // Position checkbox within label, to allow text to wrap .block-label input { position: absolute; top: 18px; left: $gutter-half; cursor: pointer; } // Use inline, to sit block labels next to each other .inline .block-label { clear: none; margin-right: $gutter-half; } // Only if JavaScript is enabled // Add focus styles to block labels .js-enabled .add-focus { outline: 3px solid $yellow; } // Remove focus styles from radio and checkbox inputs .js-enabled .block-label input:focus { outline: none; } // Add selected state to block labels .js-enabled .selected { background: $white; border-color: $black; } ; T; i;4T; @