{: versionI"3.2.12 (Media Mark):EF:shaI"-0d12f2ff75d98598c16261077656662d8e3f4850;F: contents"$o:Sass::Tree::RootNode :@children[.o:Sass::Tree::CommentNode : @value[I"!/* * Switch Variables * */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::VariableNode : @nameI"include-html-form-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; @ ; i : @guardedI" !default; T;[; i ; @ o; ;[I"S/* Controlling border styles and background colors for the switch container */; T; ; ;[; i ; @ o; ;I"switch-border-color; T;o:Sass::Script::Funcall ;I" darken; T: @args[o:Sass::Script::Color ;0: @attrs{ :redi: greeni: bluei: alphai; i ; @ o:Sass::Script::Number ;i:@numerator_units[I"%; T:@denominator_units[; i :@originalI"20%; F; @ :@keywords{: @splat0; i ; @ ;I" !default; T;[; i ; @ o; ;I"switch-border-style; T;o:Sass::Script::String ;I" solid; T; :identifier; i ; @ ;I" !default; T;[; i ; @ o; ;I"switch-border-width; T;o; ;i;[I"px; T;[; i;I"1px; F; @ ;I" !default; T;[; i; @ o; ;I"switch-bg; T;o; ;0;{ ;i;i;i;i; i; @ ;I" !default; T;[; i; @ o; ;[I"M/* We use these to control the switch heights for our default classes */; T; ; ;[; i; @ o; ;I"switch-height-tny; T;o; ;i;[I"px; T;[; i;I" 22px; F; @ ;I" !default; T;[; i; @ o; ;I"switch-height-sml; T;o; ;i!;[I"px; T;[; i;I" 28px; F; @ ;I" !default; T;[; i; @ o; ;I"switch-height-med; T;o; ;i);[I"px; T;[; i;I" 36px; F; @ ;I" !default; T;[; i; @ o; ;I"switch-height-lrg; T;o; ;i1;[I"px; T;[; i;I" 44px; F; @ ;I" !default; T;[; i; @ o; ;I"switch-bottom-margin; T;o; ;I" em-calc; T;[o; ;i;[;[; i;I"20; F; @ ; {;!0; i; @ ;I" !default; T;[; i; @ o; ;[I"F/* We use these to control default font sizes for our classes. */; T; ; ;[; i; @ o; ;I"switch-font-size-tny; T;o; ;i;[I"px; T;[; i;I" 11px; F; @ ;I" !default; T;[; i; @ o; ;I"switch-font-size-sml; T;o; ;i;[I"px; T;[; i;I" 12px; F; @ ;I" !default; T;[; i; @ o; ;I"switch-font-size-med; T;o; ;i;[I"px; T;[; i;I" 14px; F; @ ;I" !default; T;[; i; @ o; ;I"switch-font-size-lrg; T;o; ;i;[I"px; T;[; i;I" 17px; F; @ ;I" !default; T;[; i; @ o; ;I"switch-label-side-padding; T;o; ;i ;[I"px; T;[; i;I"6px; F; @ ;I" !default; T;[; i; @ o; ;[I"2/* We use these to style the switch-paddle */; T; ; ;[; i; @ o; ;I"switch-paddle-bg; T;o; ;0;{ ;i;i;i;i; i ; @ ;I" !default; T;[; i ; @ o; ;I" switch-paddle-fade-to-color; T;o; ;I" darken; T;[o; ;I"switch-paddle-bg; T;I"switch_paddle_bg; T; @ ; i!o; ;i;[I"%; T;[; i!;I"10%; F; @ ; {;!0; i!; @ ;I" !default; T;[; i!; @ o; ;I"switch-paddle-border-color; T;o; ;I" darken; T;[o; ;I"switch-paddle-bg; T;I"switch_paddle_bg; T; @ ; i"o; ;i(;[I"%; T;[; i";I"35%; F; @ ; {;!0; i"; @ ;I" !default; T;[; i"; @ o; ;I"switch-paddle-border-width; T;o; ;i;[I"px; T;[; i#;I"1px; F; @ ;I" !default; T;[; i#; @ o; ;I"switch-paddle-border-style; T;o;" ;I" solid; T; ;#; i$; @ ;I" !default; T;[; i$; @ o; ;I"#switch-paddle-transition-speed; T;o; ;f0.1;[I"s; T;[; i%;I" 0.1s; F; @ ;I" !default; T;[; i%; @ o; ;I""switch-paddle-transition-ease; T;o;" ;I" ease-out; T; ;#; i&; @ ;I" !default; T;[; i&; @ o; ;I"switch-positive-color; T;o; ;I" lighten; T;[o; ;I"success-color; T;I"success_color; T; @ ; i'o; ;i7;[I"%; T;[; i';I"50%; F; @ ; {;!0; i'; @ ;I" !default; T;[; i'; @ o; ;I"switch-negative-color; T;o; ;0;{ ;i;i;i;i; i(; @ ;I" !default; T;[; i(; @ o; ;[I"5/* Outline Style for tabbing through switches */; T; ; ;[; i*; @ o; ;I"switch-label-outline; T;o:Sass::Script::List ;[o; ;i;[I"px; T;[; i+;I"1px; F; @ o;" ;I" dotted; T; ;#; i+; @ o; ;0;{ ;i;i;i;i; i+; @ :@separator: space; i+; @ ;I" !default; T;[; i+; @ o; ;[I"/* * Switch Mixins * */; T; ; ;[; i.; @ o; ;[I"N/* We use this mixin to create the base styles for our switch element. */; T; ; ;[; i2; @ o:Sass::Tree::MixinDefNode ;I"switch-base; T;[[o;;I"transition-speed; T;I"transition_speed; T; @ o; ;I"#switch-paddle-transition-speed; T;I"#switch_paddle_transition_speed; T; @ ; i3[o;;I"transition-ease; T;I"transition_ease; T; @ o; ;I""switch-paddle-transition-ease; T;I""switch_paddle_transition_ease; T; @ ; i3;!0;[$o; ;[I"?/* Default position and structure for switch container. */; T; ; ;[; i5; @ o:Sass::Tree::PropNode ;[I" position; T;o;";I" relative; T; ;#; @ : @tabsi:@prop_syntax:new;[; i6; @ o;( ;[I" padding; T;o;";I"0; T; ;#; @ ;)i;*;+;[; i7; @ o;( ;[I" display; T;o;";I" block; T; ;#; @ ;)i;*;+;[; i8; @ o;( ;[I" overflow; T;o;";I" hidden; T; ;#; @ ;)i;*;+;[; i9; @ o;( ;[I"border-style; T;o; ;I"switch-border-style; T;I"switch_border_style; T; @ ; i:;)i;*;+;[; i:; @ o;( ;[I"border-width; T;o; ;I"switch-border-width; T;I"switch_border_width; T; @ ; i;;)i;*;+;[; i;; @ o;( ;[I"margin-bottom; T;o; ;I"switch-bottom-margin; T;I"switch_bottom_margin; T; @ ; i<;)i;*;+;[; i<; @ o; ;[I"7/* Default label styles for type and transition */; T; ; ;[; i>; @ o:Sass::Tree::RuleNode : @rule[I" label; T;)i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;0[o:#Sass::Selector::SimpleSequence ;0[o:Sass::Selector::Element ;[I" label; T:@namespace0; i?:@filenameI"; T: @subject0: @sourceso:Set: @hash{; i?;5@h; i?;5@h;[o;( ;[I" position; T;o;";I" relative; T; ;#; @ ;)i;*;+;[; i@; @ o;( ;[o; ;I"default-float; T;I"default_float; T; @ ; iA;o;";I"0; T; ;#; @ ;)i;*;+;[; iA; @ o;( ;[I" z-index; T;o;";I"2; T; ;#; @ ;)i;*;+;[; iB; @ o;( ;[I" float; T;o; ;I"default-float; T;I"default_float; T; @ ; iC;)i;*;+;[; iC; @ o;( ;[I" width; T;o;";I"50%; T; ;#; @ ;)i;*;+;[; iD; @ o;( ;[I" height; T;o;";I" 100%; T; ;#; @ ;)i;*;+;[; iE; @ o;( ;[I" margin; T;o;";I"0; T; ;#; @ ;)i;*;+;[; iF; @ o;( ;[I"font-weight; T;o;";I" bold; T; ;#; @ ;)i;*;+;[; iG; @ o;( ;[I"text-align; T;o; ;I"default-float; T;I"default_float; T; @ ; iH;)i;*;+;[; iH; @ o; ;[I";/* Transition for the switch label to follow paddle */; T; ; ;[; iJ; @ o:Sass::Tree::MixinNode ;I"single-transition; T;[o;" ;I"all; T; ;#; iK; @ o; ;I"transition-speed; T;I"transition_speed; T; @ ; iKo; ;I"transition-ease; T;I"transition_ease; T; @ ; iK; {;!0;[; iK; @ ; i?:@has_childrenT; @ o; ;[I"/* So that we don't need to recreate the form with any JS, we use the * existing radio button, but we cleverly position and hide it. */; T; ; ;[; iN; @ o;, ;-[I" input; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" input; T;40; iP;5I"; T;60;7o;8;9{; iP;5@; iP;5@;[ o;( ;[I" position; T;o;";I" absolute; T; ;#; @ ;)i;*;+;[; iQ; @ o;( ;[I" z-index; T;o;";I"3; T; ;#; @ ;)i;*;+;[; iR; @ o;( ;[I" opacity; T;o;";I"0; T; ;#; @ ;)i;*;+;[; iS; @ o;( ;[I" width; T;o;";I" 100%; T; ;#; @ ;)i;*;+;[; iT; @ o;( ;[I" height; T;o;";I" 100%; T; ;#; @ ;)i;*;+;[; iU; @ o;( ;[I"-moz-appearance; T;o;";I" none; T; ;#; @ ;)i;*;+;[; iV; @ o; ;[I"0/* Hover and focus styles for the paddle */; T; ; ;[; iX; @ o;, ;-[I"&:hover, &:focus; T;)i;.o;/;0[o;1;0[o;2 ;0[o:Sass::Selector::Parent; iZ;5I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover; T: @arg0; iZ;5@;60;7o;8;9{; iZ;5@o;1;0[I" ; To;2 ;0[o;<; iZ;5@o;= ;>;?;[I" focus; T;@0; iZ;5@;60;7o;8;9{; iZ;5@; iZ;5@;[o;( ;[I" cursor; T;o; ;I"cursor-pointer-value; T;I"cursor_pointer_value; T; @ ; i[;)i;*;+;[; i[; @ ; iZ;;T; @ ; iP;;T; @ o; ;[I"C/* The toggle area for radio switches. We call is a paddle. */; T; ; ;[; i_; @ o;, ;-[I"span:last-child; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" span; T;40; i`;5I"; To;= ;>;?;[I"last-child; T;@0; i`;5@&;60;7o;8;9{; i`;5@&; i`;5@&;[o;( ;[I" position; T;o;";I" absolute; T; ;#; @ ;)i;*;+;[; ia; @ o;( ;[I"top; T;o;";I" -1px; T; ;#; @ ;)i;*;+;[; ib; @ o;( ;[o; ;I"default-float; T;I"default_float; T; @ ; ic;o;";I" -1px; T; ;#; @ ;)i;*;+;[; ic; @ o;( ;[I" z-index; T;o;";I"1; T; ;#; @ ;)i;*;+;[; id; @ o;( ;[I" display; T;o;";I" block; T; ;#; @ ;)i;*;+;[; ie; @ o;( ;[I" padding; T;o;";I"0; T; ;#; @ ;)i;*;+;[; if; @ o;( ;[I"border-width; T;o; ;I"switch-paddle-border-width; T;I"switch_paddle_border_width; T; @ ; ig;)i;*;+;[; ig; @ o;( ;[I"border-style; T;o; ;I"switch-paddle-border-style; T;I"switch_paddle_border_style; T; @ ; ih;)i;*;+;[; ih; @ o; ;[I"+/* Transition for the switch paddle */; T; ; ;[; ij; @ o;: ;I"single-transition; T;[o;" ;I"all; T; ;#; ik; @ o; ;I"transition-speed; T;I"transition_speed; T; @ ; iko; ;I"transition-ease; T;I"transition_ease; T; @ ; ik; {;!0;[; ik; @ ; i`;;T; @ o; ;[I"E/* When a label isn't :checked, we hide it as it slides away. */; T; ; ;[; in; @ o;, ;-[I" input:not(:checked) + label; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" input; T;40; io;5I"; To;= ;>;?;[I"not; T;@[I" :checked; T; io;5@;60;7o;8;9{; io;5@I"+; To;2 ;0[o;3 ;[I" label; T;40; io;5@;60;7o;8;9{; io;5@; io;5@;[o;( ;[I" opacity; T;o;";I"0; T; ;#; @ ;)i;*;+;[; io; @ ; io;;T; @ o; ;[I"F/* Controlling the position of the labels as they are toggled. */; T; ; ;[; iq; @ o;, ;-[I"input:checked; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" input; T;40; ir;5I"; To;= ;>;?;[I" checked; T;@0; ir;5@;60;7o;8;9{; ir;5@; ir;5@;[o;( ;[I" display; T;o;";I"none !important; T; ;#; @ ;)i;*;+;[; ir; @ ; ir;;T; @ o;, ;-[I" input; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" input; T;40; is;5I"; T;60;7o;8;9{; is;5@; is;5@;[o;( ;[o; ;I"default-float; T;I"default_float; T; @ ; is;o;";I"0; T; ;#; @ ;)i;*;+;[; is; @ o;( ;[I" display; T;o;";I"block !important; T; ;#; @ ;)i;*;+;[; is; @ ; is;;T; @ o; ;[I"d/* Left Label alignment and position changes, including fixes for while inside a custom form */; T; ; ;[; iu; @ o;, ;-[I"Finput:first-of-type + label, input:first-of-type + span + label; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" input; T;40; iw;5I"; To;= ;>;?;[I"first-of-type; T;@0; iw;5@;60;7o;8;9{; iw;5@I"+; To;2 ;0[o;3 ;[I" label; T;40; iw;5@;60;7o;8;9{; iw;5@o;1;0[ I" ; To;2 ;0[o;3 ;[I" input; T;40; iw;5@o;= ;>;?;[I"first-of-type; T;@0; iw;5@;60;7o;8;9{; iw;5@I"+; To;2 ;0[o;3 ;[I" span; T;40; iw;5@;60;7o;8;9{; iw;5@I"+; To;2 ;0[o;3 ;[I" label; T;40; iw;5@;60;7o;8;9{; iw;5@; iw;5@;[o;( ;[o; ;I"default-float; T;I"default_float; T; @ ; iw;o;";I" -50%; T; ;#; @ ;)i;*;+;[; iw; @ ; iw;;T; @ o;, ;-[I"Vinput:first-of-type:checked + label, input:first-of-type:checked + span + label; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" input; T;40; iy;5I"; To;= ;>;?;[I"first-of-type; T;@0; iy;5@$o;= ;>;?;[I" checked; T;@0; iy;5@$;60;7o;8;9{; iy;5@$I"+; To;2 ;0[o;3 ;[I" label; T;40; iy;5@$;60;7o;8;9{; iy;5@$o;1;0[ I" ; To;2 ;0[o;3 ;[I" input; T;40; iy;5@$o;= ;>;?;[I"first-of-type; T;@0; iy;5@$o;= ;>;?;[I" checked; T;@0; iy;5@$;60;7o;8;9{; iy;5@$I"+; To;2 ;0[o;3 ;[I" span; T;40; iy;5@$;60;7o;8;9{; iy;5@$I"+; To;2 ;0[o;3 ;[I" label; T;40; iy;5@$;60;7o;8;9{; iy;5@$; iy;5@$;[o;( ;[o; ;I"default-float; T;I"default_float; T; @ ; iy;o;";I"0%; T; ;#; @ ;)i;*;+;[; iy; @ ; iy;;T; @ o; ;[I"e/* Right Label alignment and position changes, including fixes for while inside a custom form */; T; ; ;[; i{; @ o;, ;-[I"Dinput:last-of-type + label, input:last-of-type + span + label; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" input; T;40; i};5I"; To;= ;>;?;[I"last-of-type; T;@0; i};5@n;60;7o;8;9{; i};5@nI"+; To;2 ;0[o;3 ;[I" label; T;40; i};5@n;60;7o;8;9{; i};5@no;1;0[ I" ; To;2 ;0[o;3 ;[I" input; T;40; i};5@no;= ;>;?;[I"last-of-type; T;@0; i};5@n;60;7o;8;9{; i};5@nI"+; To;2 ;0[o;3 ;[I" span; T;40; i};5@n;60;7o;8;9{; i};5@nI"+; To;2 ;0[o;3 ;[I" label; T;40; i};5@n;60;7o;8;9{; i};5@n; i};5@n;[o;( ;[o; ;I"opposite-direction; T;I"opposite_direction; T; @ ; i};o;";I" -50%; T; ;#; @ ;)i;*;+;[; i}; @ o;( ;[o; ;I"default-float; T;I"default_float; T; @ ; i};o;";I" auto; T; ;#; @ ;)i;*;+;[; i}; @ o;( ;[I"text-align; T;o; ;I"opposite-direction; T;I"opposite_direction; T; @ ; i};)i;*;+;[; i}; @ ; i};;T; @ o;, ;-[I"Tinput:last-of-type:checked + label, input:last-of-type:checked + span + label; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" input; T;40; i;5I"; To;= ;>;?;[I"last-of-type; T;@0; i;5@o;= ;>;?;[I" checked; T;@0; i;5@;60;7o;8;9{; i;5@I"+; To;2 ;0[o;3 ;[I" label; T;40; i;5@;60;7o;8;9{; i;5@o;1;0[ I" ; To;2 ;0[o;3 ;[I" input; T;40; i;5@o;= ;>;?;[I"last-of-type; T;@0; i;5@o;= ;>;?;[I" checked; T;@0; i;5@;60;7o;8;9{; i;5@I"+; To;2 ;0[o;3 ;[I" span; T;40; i;5@;60;7o;8;9{; i;5@I"+; To;2 ;0[o;3 ;[I" label; T;40; i;5@;60;7o;8;9{; i;5@; i;5@;[o;( ;[o; ;I"opposite-direction; T;I"opposite_direction; T; @ ; i;o;";I"0%; T; ;#; @ ;)i;*;+;[; i; @ o;( ;[o; ;I"default-float; T;I"default_float; T; @ ; i;o;";I" auto; T; ;#; @ ;)i;*;+;[; i; @ ; i;;T; @ o; ;[I"=/* Hiding custom form spans since we auto-create them */; T; ; ;[; i|; @ o;, ;-[I"span.custom; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" span; T;40; i};5I"; To:Sass::Selector::Class;[I" custom; T; i};5@;60;7o;8;9{; i};5@; i};5@;[o;( ;[I" display; T;o;";I"none !important; T; ;#; @ ;)i;*;+;[; i}; @ ; i};;T; @ o; ;[I"w/* Bugfix for older Webkit, including mobile Webkit. Adapted from: * http://css-tricks.com/webkit-sibling-bug/ */; T; ; ;[; i; @ o:Sass::Tree::MediaNode : @query[I" only; TI" ; TI" screen; TI" and ; TI"(; To;" ;I"#-webkit-min-device-pixel-ratio; T; ;#; i; @ I": ; To; ;i;[;@j; i;I"0; F; @ I"); TI" and ; TI"(; To;" ;I"max-device-width; T; ;#; i; @ I": ; To; ;i;[I"px; T;[; i;I" 480px; F; @ I"); T;)i;I"; T;[u:Sass::Tree::IfNode=[o:Sass::Script::Variable : @nameI"experimental:ET:@underscored_nameI"experimental;T: @options{: @linei0[o:Sass::Tree::PropNode ;[I"-webkit-animation;T: @valueo:Sass::Script::String; I"$webkitSiblingBugfix infinite 1s;T: @type:identifier; @ : @tabsi:@prop_syntax:new:@children[; i; @ ; i;;T; @ o;B ;C[I" only; TI" ; TI" screen; TI" and ; TI"(; To;" ;I"#-webkit-min-device-pixel-ratio; T; ;#; i; @ I": ; To; ;f1.5;[;@j; i;I"1.5; F; @ I"); T;)i;I"; T;[u;D$[o:Sass::Script::Variable : @nameI"experimental:ET:@underscored_nameI"experimental;T: @options{: @linei0[o:Sass::Tree::PropNode ;[I"-webkit-animation;T: @valueo:Sass::Script::String; I" none 0;T: @type:identifier; @ : @tabsi:@prop_syntax:new:@children[; i; @ ; i;;T; @ o;, ;-[I" form.custom & .hidden-field; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" form; T;40; i;5I"; To;A;[I" custom; T; i;5@Z;60;7o;8;9{; i;5@Zo;2 ;0[o;<; i;5@Z;60;7o;8;9{; i;5@Zo;2 ;0[o;A;[I"hidden-field; T; i;5@Z;60;7o;8;9{; i;5@Z; i;5@Z;[o;( ;[I"margin-left; T;o;";I" auto; T; ;#; @ ;)i;*;+;[; i; @ o;( ;[I" position; T;o;";I" absolute; T; ;#; @ ;)i;*;+;[; i; @ o;( ;[I"visibility; T;o;";I" visible; T; ;#; @ ;)i;*;+;[; i; @ ; i;;T; @ ; i3;;T; @ o; ;[I"D/* We use this mixin to create the size styles for switches. */; T; ; ;[; i; @ o;' ;I"switch-size; T;[[o;;I" height; T;I" height; T; @ o; ;I"switch-height-med; T;I"switch_height_med; T; @ ; i[o;;I"font-size; T;I"font_size; T; @ o; ;I"switch-font-size-med; T;I"switch_font_size_med; T; @ ; i[o;;I"line-height; T;I"line_height; T; @ o; ;f2.3;[I"em; T;[; i;I" 2.3em; F; @ ;!0;[ o;( ;[I" height; T;o; ;I" em-calc; T;[o; ;I" height; T;I" height; T; @ ; i; {;!0; i; @ ;)i;*;+;[; i; @ o;, ;-[I" label; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" label; T;40; i;5I"; T;60;7o;8;9{; i;5@; i;5@;[o;( ;[I" padding; T;o; ;I" em-calc; T;[o; ;i;[;@j; i;I"0; F; @ o; ;I"switch-label-side-padding; T;I"switch_label_side_padding; T; @ ; i; {;!0; i; @ ;)i;*;+;[; i; @ o;( ;[I"line-height; T;o; ;I"line-height; T;I"line_height; T; @ ; i;)i;*;+;[; i; @ o;( ;[I"font-size; T;o; ;I" em-calc; T;[o; ;I"font-size; T;I"font_size; T; @ ; i; {;!0; i; @ ;)i;*;+;[; i; @ ; i;;T; @ o;, ;-[I" input; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" input; T;40; i;5I"; T;60;7o;8;9{; i;5@; i;5@;[o; ;[I"0/* Move the paddle to the right position */; T; ; ;[; i; @ o;, ;-[I".&:first-of-type:checked ~ span:last-child; T;)i;.o;/;0[o;1;0[o;2 ;0[o;<; i;5I"; To;= ;>;?;[I"first-of-type; T;@0; i;5@o;= ;>;?;[I" checked; T;@0; i;5@;60;7o;8;9{; i;5@I"~; To;2 ;0[o;3 ;[I" span; T;40; i;5@o;= ;>;?;[I"last-child; T;@0; i;5@;60;7o;8;9{; i;5@; i;5@;[o;( ;[o; ;I"default-float; T;I"default_float; T; @ ; i;o;";I" 100%; T; ;#; @ ;)i;*;+;[; i; @ o;( ;[I" margin-; To; ;I"default-float; T;I"default_float; T; @ ; i;o; ;I" em-calc; T;[o:Sass::Script::Operation :@operand1o:!Sass::Script::UnaryOperation : @operando; ;I" height; T;I" height; T; @ ; i:@operator: minus; i; @ :@operand2o; ;i;[I"px; T;[; i;I"1px; F; @ ;I: plus; i; @ ; {;!0; i; @ ;)i;*;+;[; i; @ ; i;;T; @ ; i;;T; @ o;, ;-[I"span:last-child; T;)i;.o;/;0[o;1;0[o;2 ;0[o;3 ;[I" span; T;40; i;5I"; To;= ;>;?;[I"last-child; T;@0; i;5@6;60;7o;8;9{; i;5@6; i;5@6;[o;( ;[I" width; T;o; ;I" em-calc; T;[o; ;I" height; T;I" height; T; @ ; i; {;!0; i; @ ;)i;*;+;[; i; @ o;( ;[I" height; T;o; ;I" em-calc; T;[o; ;I" height; T;I" height; T; @ ; i; {;!0; i; @ ;)i;*;+;[; i; @ ; i;;T; @ ; i;;T; @ o; ;[I"N/* We use this mixin to add color and other fanciness to the switches. */; T; ; ;[; i; @ o;' ;I"switch-style; T;[ [o;;I"paddle-bg; T;I"paddle_bg; T; @ o; ;I"switch-paddle-bg; T;I"switch_paddle_bg; T; @ ; i[o;;I"positive-color; T;I"positive_color; T; @ o; ;I"switch-positive-color; T;I"switch_positive_color; T; @ ; i[o;;I"negative-color; T;I"negative_color; T; @ o; ;I"switch-negative-color; T;I"switch_negative_color; T; @ ; i[o;;I" radius; T;I" radius; T; @ o:Sass::Script::Bool;F; i; @ [o;;I"base-style; T;I"base_style; T; @ o;M;T; i; @ ;!0;[u;D![o:Sass::Script::Variable : @nameI"base-style:ET:@underscored_nameI"base_style;T: @options{: @linei0[ o:Sass::Tree::PropNode ;[I"background;T: @valueo; ;I"switch-bg;T;I"switch_bg;T; @ ; i: @tabsi:@prop_syntax:new:@children[; i; @ o; ;[I"border-color;T; o; ;I"switch-border-color;T;I"switch_border_color;T; @ ; i; i;;;[; i; @ o:Sass::Tree::RuleNode : @rule[I"span:last-child;T; i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Element ;[I" span;T:@namespace0; i:@filenameI";To:Sass::Selector::Pseudo :@syntactic_type: class;[I"last-child;T: @arg0; i;@%: @subject0: @sourceso:Set: @hash{; i;@%; i;@%;[ o; ;[I"border-color;T; o:Sass::Script::Funcall ;I" darken;T: @args[o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io:Sass::Script::Number ; i#:@numerator_units[I"%;T:@denominator_units[; i:@originalI"30%;F; @ :@keywords{: @splat0; i; @ ; i;;;[; i; @ o; ;[I"background;T; o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; i; i;;;[; i; @ u:Sass::Tree::IfNode[o:Sass::Script::Variable : @nameI"experimental:ET:@underscored_nameI"experimental;T: @options{: @linei0[o:Sass::Tree::PropNode ;[I"background;T: @valueo:Sass::Script::Funcall ;I"-moz-linear-gradient;T: @args[o:Sass::Script::String ; I"top;T: @type:identifier; i; @ o:Sass::Script::List ; [o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io:Sass::Script::Number ; i:@numerator_units[I"%;T:@denominator_units[; i:@originalI"0%;F; @ :@separator: space; i; @ o; ; [o; ;I" darken;T;[o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io; ; i ;[I"%;T;[; i;I"5%;F; @ :@keywords{: @splat0; i; @ o; ; ii;[I"%;T;[; i;I" 100%;F; @ ;;; i; @ ;{;0; i; @ : @tabsi:@prop_syntax:new:@children[; i; @ o; ;[I"background;T; o; ;I"-webkit-linear-gradient;T;[o; ; I"top;T;;; i; @ o; ; [o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io; ; i;[I"%;T;[; i;I"0%;F; @ ;;; i; @ o; ; [o; ;I" darken;T;[o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io; ; i ;[I"%;T;[; i;I"5%;F; @ ;{;0; i; @ o; ; ii;[I"%;T;[; i;I" 100%;F; @ ;;; i; @ ;{;0; i; @ ;i;;;[; i; @ o; ;[I"background;T; o;# ;I"linear-gradient;T;$[o:Sass::Script::List ; [o:Sass::Script::String ; I"to;T: @type:identifier; i; @ o;- ; I" bottom;T;.;/; i; @ :@separator: space; i; @ o;, ; [o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io;% ; i;&[I"%;T;'[; i;(I"0%;F; @ ;0;1; i; @ o;, ; [o;# ;I" darken;T;$[o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io;% ; i ;&[I"%;T;'[; i;(I"5%;F; @ ;){;*0; i; @ o;% ; ii;&[I"%;T;'[; i;(I" 100%;F; @ ;0;1; i; @ ;){;*0; i; @ ; i;;;[; i; @ o:Sass::Tree::CommentNode ; [I"?/* Building the alternating colored sides of the switch */;T;.: silent;[; i; @ u;+d[o:Sass::Script::Variable : @nameI"experimental:ET:@underscored_nameI"experimental;T: @options{: @linei0[o:Sass::Tree::PropNode ;[I"-webkit-box-shadow;T: @valueo:Sass::Script::List ; [ o; ; [ o:Sass::Script::Number ; i:@numerator_units[I"px;T:@denominator_units[; i:@originalI"2px;F; @ o; ; i;[;[; i;I"0;F; @ o; ; i;[I"px;T;[; i;I" 10px;F; @ o; ; i;[;@; i;I"0;F; @ o:Sass::Script::Funcall ;I" rgba;T: @args[ o; ; i;[;@; i;I"0;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[;@; i;I"0;F; @ o; ; f 0.07;[;@; i;I" 0.07;F; @ :@keywords{: @splat0; i; @ :@separator: space; i; @ o; ; [ o; ; i;[I"px;T;[; i;I" 1000px;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I" 1000px;F; @ o; ;I"positive-color;T;I"positive_color;T; @ ; i;;; i; @ o; ; [ o; ; i;[I"px;T;[; i;I" -2px;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I" 10px;F; @ o; ; i;[;@; i;I"0;F; @ o; ;I" rgba;T;[ o; ; i;[;@; i;I"0;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[;@; i;I"0;F; @ o; ; f 0.07;[;@; i;I" 0.07;F; @ ;{;0; i; @ ;;; i; @ o; ; [ o; ; i;[I"px;T;[; i;I" -1000px;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I" 1000px;F; @ o; ;I"negative-color;T;I"negative_color;T; @ ; i;;; i; @ ;: comma; i; @ : @tabsi:@prop_syntax:new:@children[; i; @ o; ;[I"box-shadow;T; o;, ; [ o;, ; [ o;% ; i;&[I"px;T;'[; i;(I"2px;F; @ o;% ; i;&[;'[; i;(I"0;F; @ o;% ; i;&[I"px;T;'[; i;(I" 10px;F; @ o;% ; i;&[;'@}; i;(I"0;F; @ o;# ;I" rgba;T;$[ o;% ; i;&[;'@}; i;(I"0;F; @ o;% ; i;&[;'@}; i;(I"0;F; @ o;% ; i;&[;'@}; i;(I"0;F; @ o;% ; f 0.07;&[;'@}; i;(I" 0.07;F; @ ;){;*0; i; @ ;0;1; i; @ o;, ; [ o;% ; i;&[I"px;T;'[; i;(I" 1000px;F; @ o;% ; i;&[;'@}; i;(I"0;F; @ o;% ; i;&[;'@}; i;(I"0;F; @ o;% ; i;&[I"px;T;'[; i;(I" 980px;F; @ o; ;I"positive-color;T;I"positive_color;T; @ ; i;0;1; i; @ o;, ; [ o;% ; i;&[I"px;T;'[; i;(I" -2px;F; @ o;% ; i;&[;'@}; i;(I"0;F; @ o;% ; i;&[I"px;T;'[; i;(I" 10px;F; @ o;% ; i;&[;'@}; i;(I"0;F; @ o;# ;I" rgba;T;$[ o;% ; i;&[;'@}; i;(I"0;F; @ o;% ; i;&[;'@}; i;(I"0;F; @ o;% ; i;&[;'@}; i;(I"0;F; @ o;% ; f 0.07;&[;'@}; i;(I" 0.07;F; @ ;){;*0; i; @ ;0;1; i; @ o;, ; [ o;% ; i;&[I"px;T;'[; i;(I" -1000px;F; @ o;% ; i;&[;'@}; i;(I"0;F; @ o;% ; i;&[;'@}; i;(I"0;F; @ o;% ; i;&[I"px;T;'[; i;(I" 1000px;F; @ o; ;I"negative-color;T;I"negative_color;T; @ ; i;0;1; i; @ ;0: comma; i; @ ; i;;;[; i; @ ; i:@has_childrenT; @ o; ;[I"&:hover, &:focus;T; i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i;I";To; ;;;[I" hover;T;0; i;@;0; o;!;"{; i;@o;;[I" ;To; ;[o;6; i;@o; ;;;[I" focus;T;0; i;@;0; o;!;"{; i;@; i;@;[o; ;[I"span:last-child;T; i;o;;[o;;[o; ;[o; ;[I" span;T;0; i;I";To; ;;;[I"last-child;T;0; i;@;0; o;!;"{; i;@; i;@;[o; ;[I"background;T; o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; i; i;;;[; i; @ u;+[o:Sass::Script::Variable : @nameI"experimental:ET:@underscored_nameI"experimental;T: @options{: @linei0[o:Sass::Tree::PropNode ;[I"background;T: @valueo:Sass::Script::Funcall ;I"-moz-linear-gradient;T: @args[o:Sass::Script::String ; I"top;T: @type:identifier; i; @ o:Sass::Script::List ; [o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io:Sass::Script::Number ; i:@numerator_units[I"%;T:@denominator_units[; i:@originalI"0%;F; @ :@separator: space; i; @ o; ; [o; ;I" darken;T;[o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io; ; i;[I"%;T;[; i;I"10%;F; @ :@keywords{: @splat0; i; @ o; ; ii;[I"%;T;[; i;I" 100%;F; @ ;;; i; @ ;{;0; i; @ : @tabsi:@prop_syntax:new:@children[; i; @ o; ;[I"background;T; o; ;I"-webkit-linear-gradient;T;[o; ; I"top;T;;; i; @ o; ; [o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io; ; i;[I"%;T;[; i;I"0%;F; @ ;;; i; @ o; ; [o; ;I" darken;T;[o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io; ; i;[I"%;T;[; i;I"10%;F; @ ;{;0; i; @ o; ; ii;[I"%;T;[; i;I" 100%;F; @ ;;; i; @ ;{;0; i; @ ;i;;;[; i; @ o; ;[I"background;T; o;# ;I"linear-gradient;T;$[o;, ; [o;- ; I"to;T;.;/; i; @ o;- ; I" bottom;T;.;/; i; @ ;0;1; i; @ o;, ; [o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io;% ; i;&[I"%;T;'[; i;(I"0%;F; @ ;0;1; i; @ o;, ; [o;# ;I" darken;T;$[o; ;I"paddle-bg;T;I"paddle_bg;T; @ ; io;% ; i;&[I"%;T;'[; i;(I"10%;F; @ ;){;*0; i; @ o;% ; ii;&[I"%;T;'[; i;(I" 100%;F; @ ;0;1; i; @ ;){;*0; i; @ ; i;;;[; i; @ ; i;5T; @ ; i;5T; @ o; ;[I" &:active;T; i;o;;[o;;[o; ;[o;6; i;I";To; ;;;[I" active;T;0; i;@R;0; o;!;"{; i;@R; i;@R;[o; ;[I"background;T; o;-; I"transparent;T;.;/; @ ; i;;;[; i; @ ; i;5T; @ o; ;[I"-/* Setting up the radius for switches */; T; ; ;[; i; @ u;D[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" radius:ET:@underscored_nameI" radius; T: @options{: @linei:@operand2o:Sass::Script::Bool: @valueT; i; @ :@operator:eq; i; @ u:Sass::Tree::IfNode[o:Sass::Script::Variable : @nameI" radius:ET:@underscored_nameI" radius;T: @options{: @linei0[o:Sass::Tree::MixinNode ;I" radius;T: @args[o; ;I" radius;T;I" radius;T; @ ; i:@keywords{: @splat0:@children[; i; @ o:Sass::Tree::RuleNode : @rule[I"span:last-child;T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Element ;[I" span;T:@namespace0; i:@filenameI";To:Sass::Selector::Pseudo :@syntactic_type: class;[I"last-child;T: @arg0; i;@: @subject0: @sourceso:Set: @hash{; i;@; i;@;[o; ;I" radius;T; [o:Sass::Script::Operation :@operand1o; ;I" radius;T;I" radius;T; @ ; i:@operand2o:Sass::Script::Number : @valuei:@numerator_units[I"px;T:@denominator_units[; i:@originalI"1px;F; @ :@operator: minus; i; @ ; {;0;[; i; @ ; i:@has_childrenT; @ [o:Sass::Tree::MixinNode ;I" radius; T: @args[o:Sass::Script::Number ;i :@numerator_units[I"px; T:@denominator_units[; i:@originalI"4px; F; @ :@keywords{: @splat0:@children[; i; @ o:Sass::Tree::RuleNode : @rule[I"span:last-child; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;![o:#Sass::Selector::SimpleSequence ;![o:Sass::Selector::Element ;[I" span; T:@namespace0; i:@filenameI"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I"last-child; T: @arg0; i;&@$: @subject0: @sourceso:Set: @hash{; i;&@$; i;&@$;[o; ;I" radius; T;[o; ;i;[I"px; T;[; i;I"3px; F; @ ;{;0;[; i; @ ; i:@has_childrenT; @ ; i;;T; @ o; ;[I"E/* We use this to quickly create switches with a single mixin */; T; ; ;[; i; @ o;' ;I" switch; T;[[o;;I"transition-speed; T;I"transition_speed; T; @ o; ;I"#switch-paddle-transition-speed; T;I"#switch_paddle_transition_speed; T; @ ; i[o;;I"transition-ease; T;I"transition_ease; T; @ o; ;I""switch-paddle-transition-ease; T;I""switch_paddle_transition_ease; T; @ ; i[o;;I" height; T;I" height; T; @ o; ;I"switch-height-med; T;I"switch_height_med; T; @ ; i[o;;I"font-size; T;I"font_size; T; @ o; ;I"switch-font-size-med; T;I"switch_font_size_med; T; @ ; i[o;;I"line-height; T;I"line_height; T; @ o; ;f2.3;[I"em; T;[; i;I" 2.3em; F; @ [o;;I"paddle-bg; T;I"paddle_bg; T; @ o; ;I"switch-paddle-bg; T;I"switch_paddle_bg; T; @ ; i[o;;I"positive-color; T;I"positive_color; T; @ o; ;I"switch-positive-color; T;I"switch_positive_color; T; @ ; i[o;;I"negative-color; T;I"negative_color; T; @ o; ;I"switch-negative-color; T;I"switch_negative_color; T; @ ; i[o;;I" radius; T;I" radius; T; @ o;M;F; i; @ [o;;I"base-style; T;I"base_style; T; @ o;M;T; i; @ ;!0;[o;: ;I"switch-base; T;[o; ;I"transition-speed; T;I"transition_speed; T; @ ; io; ;I"transition-ease; T;I"transition_ease; T; @ ; i; {;!0;[; i; @ o;: ;I"switch-size; T;[o; ;I" height; T;I" height; T; @ ; io; ;I"font-size; T;I"font_size; T; @ ; io; ;I"line-height; T;I"line_height; T; @ ; i; {;!0;[; i; @ o;: ;I"switch-style; T;[ o; ;I"paddle-bg; T;I"paddle_bg; T; @ ; io; ;I"positive-color; T;I"positive_color; T; @ ; io; ;I"negative-color; T;I"negative_color; T; @ ; io; ;I" radius; T;I" radius; T; @ ; io; ;I"base-style; T;I"base_style; T; @ ; i; {;!0;[; i; @ ; i;;T; @ u;D[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"include-html-form-classes:ET:@underscored_nameI"include_html_form_classes; T: @options{: @linei:@operand2o:Sass::Script::Bool: @valueF; i; @ :@operator:neq; i; @ 0[o:Sass::Tree::CommentNode ;[I"/* Foundation Switches */; T: @type: normal:@children[; i; @ o:Sass::Tree::MediaNode : @query[I" only; TI" ; TI" screen; T: @tabsi;I"; T;[o; ;[I"2/* Containing element for the radio switch */; T;: silent;[; i; @ o:Sass::Tree::RuleNode : @rule[I"div.switch; T;i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Element ;[I"div; T:@namespace0; i:@filenameI"; To:Sass::Selector::Class;[I" switch; T; i;#@(: @subject0: @sourceso:Set: @hash{; i;#@(; i;#@(;[o:Sass::Tree::MixinNode ;I" switch; T: @args[:@keywords{: @splat0;[; i; @ o; ;[I"/* Large radio switches */; T;;;[; i; @ o; ;[I" &.large; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i;#I"; To;$;[I" large; T; i;#@B;%0;&o;';({; i;#@B; i;#@B;[o;) ;I"switch-size; T;*[o; ;I"switch-height-lrg; T; I"switch_height_lrg; T; @ ; io; ;I"switch-font-size-lrg; T; I"switch_font_size_lrg; T; @ ; i;+{;,0;[; i; @ ; i:@has_childrenT; @ o; ;[I"/* Small radio switches */; T;;;[; i; @ o; ;[I" &.small; T;i;o;;[o;;[o; ;[o;-; i;#I"; To;$;[I" small; T; i;#@b;%0;&o;';({; i;#@b; i;#@b;[o;) ;I"switch-size; T;*[o; ;I"switch-height-sml; T; I"switch_height_sml; T; @ ; io; ;I"switch-font-size-sml; T; I"switch_font_size_sml; T; @ ; io:Sass::Script::Number ;f2.1:@numerator_units[I"em; T:@denominator_units[; i:@originalI" 2.1em; F; @ ;+{;,0;[; i; @ ; i;.T; @ o; ;[I"/* Tiny radio switches */; T;;;[; i; @ o; ;[I" &.tiny; T;i;o;;[o;;[o; ;[o;-; i;#I"; To;$;[I" tiny; T; i;#@;%0;&o;';({; i;#@; i;#@;[o;) ;I"switch-size; T;*[o; ;I"switch-height-tny; T; I"switch_height_tny; T; @ ; io; ;I"switch-font-size-tny; T; I"switch_font_size_tny; T; @ ; io;/ ;f1.9;0[I"em; T;1[; i;2I" 1.9em; F; @ ;+{;,0;[; i; @ ; i;.T; @ o; ;[I"%/* Add a radius to the switch */; T;;;[; i; @ o; ;[I" &.radius; T;i;o;;[o;;[o; ;[o;-; i;#I"; To;$;[I" radius; T; i;#@;%0;&o;';({; i;#@; i;#@;[o;) ;I" radius; T;*[o;/ ;i ;0[I"px; T;1[; i;2I"4px; F; @ ;+{;,0;[; i; @ o; ;[I"span:last-child; T;i;o;;[o;;[o; ;[o;! ;[I" span; T;"0; i;#I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I"last-child; T: @arg0; i;#@;%0;&o;';({; i;#@; i;#@;[o;) ;I" radius; T;*[o;/ ;i;0[I"px; T;1[; i;2I"3px; F; @ ;+{;,0;[; i; @ ; i;.T; @ ; i;.T; @ o; ;[I"8/* Make the switch completely round, like a pill */; T;;;[; i; @ o; ;[I" &.round; T;i;o;;[o;;[o; ;[o;-; i;#I"; To;$;[I" round; T; i;#@;%0;&o;';({; i;#@; i;#@;[o;) ;I" radius; T;*[o;/ ;i;0[I"px; T;1[; i;2I" 1000px; F; @ ;+{;,0;[; i; @ o; ;[I"span:last-child; T;i;o;;[o;;[o; ;[o;! ;[I" span; T;"0; i;#I"; To;3 ;4;5;[I"last-child; T;60; i;#@;%0;&o;';({; i;#@; i;#@;[o;) ;I" radius; T;*[o;/ ;i;0[I"px; T;1[; i;2I" 999px; F; @ ;+{;,0;[; i; @ ; i;.T; @ o; ;[I" label; T;i;o;;[o;;[o; ;[o;! ;[I" label; T;"0; i;#I"; T;%0;&o;';({; i;#@; i;#@;[o:Sass::Tree::PropNode ;[I" padding; T;o:Sass::Script::Funcall ;I" em-calc; T;*[o:Sass::Script::List ;[o;/ ;i;0[;1[; i;2I"0; F; @ o; ;o; ;I"switch-label-side-padding; T; I"switch_label_side_padding; T; @ ; i; o;/ ;i;0[;1@-; i;2I"3; F; @ ;: plus; i; @ :@separator: space; i; @ ;+{;,0; i; @ ;i:@prop_syntax:new;[; i; @ ; i;.T; @ ; i;.T; @ ; i;.T; @ u:Sass::Tree::IfNode[o:Sass::Script::Variable : @nameI"experimental:ET:@underscored_nameI"experimental;T: @options{: @linei0[o:Sass::Tree::DirectiveNode : @value[I"@-webkit-keyframes ;TI"webkitSiblingBugfix;TI";T:@children[o:Sass::Tree::RuleNode : @rule[I" from;T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Element ;[I" from;T:@namespace0; i:@filenameI";T: @subject0: @sourceso:Set: @hash{; i;@; i;@; [o:Sass::Tree::PropNode ;[I" position;T; o:Sass::Script::String; I" relative;T: @type:identifier; @ ;i:@prop_syntax:new; [; i; @ ; i:@has_childrenT; @ o; ;[I"to;T;i;o;;[o;;[o; ;[o; ;[I"to;T;0; i;I";T;0;o;;{; i;@3; i;@3; [o; ;[I" position;T; o;; I" relative;T;; ; @ ;i;!;"; [; i; @ ; i;#T; @ ; i;#T; @ ; i;.T; @ :@templateI"8#// // Switch Variables // $include-html-form-classes: $include-html-classes !default; // Controlling border styles and background colors for the switch container $switch-border-color: darken(#fff, 20%) !default; $switch-border-style: solid !default; $switch-border-width: 1px !default; $switch-bg: #fff !default; // We use these to control the switch heights for our default classes $switch-height-tny: 22px !default; $switch-height-sml: 28px !default; $switch-height-med: 36px !default; $switch-height-lrg: 44px !default; $switch-bottom-margin: em-calc(20) !default; // We use these to control default font sizes for our classes. $switch-font-size-tny: 11px !default; $switch-font-size-sml: 12px !default; $switch-font-size-med: 14px !default; $switch-font-size-lrg: 17px !default; $switch-label-side-padding: 6px !default; // We use these to style the switch-paddle $switch-paddle-bg: #fff !default; $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%) !default; $switch-paddle-border-color: darken($switch-paddle-bg, 35%) !default; $switch-paddle-border-width: 1px !default; $switch-paddle-border-style: solid !default; $switch-paddle-transition-speed: .1s !default; $switch-paddle-transition-ease: ease-out !default; $switch-positive-color: lighten($success-color, 50%) !default; $switch-negative-color: #f5f5f5 !default; // Outline Style for tabbing through switches $switch-label-outline: 1px dotted #888 !default; // // Switch Mixins // // We use this mixin to create the base styles for our switch element. @mixin switch-base($transition-speed:$switch-paddle-transition-speed, $transition-ease:$switch-paddle-transition-ease) { // Default position and structure for switch container. position: relative; padding: 0; display: block; overflow: hidden; border-style: $switch-border-style; border-width: $switch-border-width; margin-bottom: $switch-bottom-margin; // Default label styles for type and transition label { position: relative; #{$default-float}: 0; z-index: 2; float: $default-float; width: 50%; height: 100%; margin: 0; font-weight: bold; text-align: $default-float; // Transition for the switch label to follow paddle @include single-transition(all, $transition-speed, $transition-ease); } // So that we don't need to recreate the form with any JS, we use the // existing radio button, but we cleverly position and hide it. input { position: absolute; z-index: 3; opacity: 0; width: 100%; height: 100%; -moz-appearance: none; // Hover and focus styles for the paddle &:hover, &:focus { cursor: $cursor-pointer-value; } } // The toggle area for radio switches. We call is a paddle. span:last-child { position: absolute; top: -1px; #{$default-float}: -1px; z-index: 1; display: block; padding: 0; border-width: $switch-paddle-border-width; border-style: $switch-paddle-border-style; // Transition for the switch paddle @include single-transition(all, $transition-speed, $transition-ease); } // When a label isn't :checked, we hide it as it slides away. input:not(:checked) + label { opacity: 0; } // Controlling the position of the labels as they are toggled. input:checked { display: none !important; } input { #{$default-float}: 0; display: block !important; } // Left Label alignment and position changes, including fixes for while inside a custom form input:first-of-type + label, input:first-of-type + span + label { #{$default-float}: -50%; } input:first-of-type:checked + label, input:first-of-type:checked + span + label { #{$default-float}: 0%; } // Right Label alignment and position changes, including fixes for while inside a custom form input:last-of-type + label, input:last-of-type + span + label {#{$opposite-direction}: -50%; #{$default-float}: auto; text-align: $opposite-direction; } input:last-of-type:checked + label, input:last-of-type:checked + span + label { #{$opposite-direction}: 0%; #{$default-float}: auto; } // Hiding custom form spans since we auto-create them span.custom { display: none !important; } // Bugfix for older Webkit, including mobile Webkit. Adapted from: // http://css-tricks.com/webkit-sibling-bug/ @media only screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:480px) { @if $experimental { -webkit-animation: webkitSiblingBugfix infinite 1s; } } @media only screen and (-webkit-min-device-pixel-ratio:1.5) { @if $experimental { -webkit-animation: none 0; } } form.custom & .hidden-field { margin-left: auto; position: absolute; visibility: visible; } } // We use this mixin to create the size styles for switches. @mixin switch-size($height:$switch-height-med, $font-size:$switch-font-size-med, $line-height:2.3em) { height: em-calc($height); label { padding: em-calc(0, $switch-label-side-padding); line-height: $line-height; font-size: em-calc($font-size); } input { // Move the paddle to the right position &:first-of-type:checked ~ span:last-child { #{$default-float}: 100%; margin-#{$default-float}: em-calc(-$height + 1px); } } span:last-child { width: em-calc($height); height: em-calc($height); } } // We use this mixin to add color and other fanciness to the switches. @mixin switch-style($paddle-bg:$switch-paddle-bg, $positive-color:$switch-positive-color, $negative-color:$switch-negative-color, $radius:false, $base-style:true) { @if $base-style { background: $switch-bg; border-color: $switch-border-color; span:last-child { border-color: darken($paddle-bg, 30%); background: $paddle-bg; @if $experimental { background: -moz-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 5%) 100%); background: -webkit-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 5%) 100%); } background: linear-gradient(to bottom, $paddle-bg 0%, darken($paddle-bg, 5%) 100%); // Building the alternating colored sides of the switch @if $experimental { -webkit-box-shadow: 2px 0 10px 0 rgba(0,0,0,0.07), 1000px 0 0 1000px $positive-color, -2px 0 10px 0 rgba(0,0,0,0.07), -1000px 0 0 1000px $negative-color; } box-shadow: 2px 0 10px 0 rgba(0,0,0,0.07), 1000px 0 0 980px $positive-color, -2px 0 10px 0 rgba(0,0,0,0.07), -1000px 0 0 1000px $negative-color; } &:hover, &:focus { span:last-child { background: $paddle-bg; @if $experimental { background: -moz-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 10%) 100%); background: -webkit-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 10%) 100%); } background: linear-gradient(to bottom, $paddle-bg 0%, darken($paddle-bg, 10%) 100%); } } &:active { background: transparent; } } // Setting up the radius for switches @if $radius == true { @include radius(4px); span:last-child { @include radius(3px); } } @else if $radius { @include radius($radius); span:last-child { @include radius($radius - 1px); } } } // We use this to quickly create switches with a single mixin @mixin switch($transition-speed:$switch-paddle-transition-speed, $transition-ease:$switch-paddle-transition-ease, $height:$switch-height-med, $font-size:$switch-font-size-med, $line-height:2.3em, $paddle-bg:$switch-paddle-bg, $positive-color:$switch-positive-color, $negative-color:$switch-negative-color, $radius:false, $base-style:true) { @include switch-base($transition-speed, $transition-ease); @include switch-size($height, $font-size, $line-height); @include switch-style($paddle-bg, $positive-color, $negative-color, $radius, $base-style); } @if $include-html-form-classes != false { /* Foundation Switches */ @media only screen { // Containing element for the radio switch div.switch { @include switch; // Large radio switches &.large { @include switch-size($switch-height-lrg, $switch-font-size-lrg); } // Small radio switches &.small { @include switch-size($switch-height-sml, $switch-font-size-sml, 2.1em); } // Tiny radio switches &.tiny { @include switch-size($switch-height-tny, $switch-font-size-tny, 1.9em); } // Add a radius to the switch &.radius { @include radius(4px); span:last-child{ @include radius(3px); } } // Make the switch completely round, like a pill &.round { @include radius(1000px); span:last-child { @include radius(999px); } label { padding: em-calc(0 $switch-label-side-padding + 3); } } } @if $experimental { @-webkit-keyframes webkitSiblingBugfix { from { position: relative; } to { position: relative; } } } } } ; T; i;;T; @