{: versionI"3.4.21 (Selective Steve):EF:shaI"-3eb0c93506e27f1deea341596b4660e3f775d028;F: contents"3Ao:Sass::Tree::RootNode :@children[ o:Sass::Tree::CommentNode : @value[I"Û/* Styling checkboxes and radio buttons by hiding the input and using pseudo-classes * This technique is a bit more tightly coupled to the markup than we'd prefer but it gives us a lot of cross-browser style control */:ET: @type: silent;[: @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso;; i;i„: @fileI"q/Users/zschweitzer/git/forever-style-guide/app/assets/stylesheets/forever_style_guide/modules/_checkbox.scss; T:@importero:Sass::Rails::SassImporter: @rootI"F/Users/zschweitzer/git/forever-style-guide/app/assets/stylesheets; F:@real_rootI"F/Users/zschweitzer/git/forever-style-guide/app/assets/stylesheets; F:@same_name_warningso:Set: @hash{: @options{o:Sass::Tree::RuleNode: @rule[I"u.checkbox.checkbox-branded, .checkbox-inline.checkbox-branded, .radio.radio-branded, .radio-inline.radio-branded; T:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[ o:Sass::Selector::Sequence; [o:#Sass::Selector::SimpleSequence ; [o:Sass::Selector::Class: @nameI" checkbox; T; i:@filename0o;#;$I"checkbox-branded; T; i;%0: @subject0: @sourceso;;{; o; ;o;; i;i;o;; i;i ;0;0; i;%0; io;!; [I" ; To;" ; [o;#;$I"checkbox-inline; T; i;%0o;#;$I"checkbox-branded; T; i;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i';0;0; i;%0; io;!; [I" ; To;" ; [o;#;$I" radio; T; i;%0o;#;$I"radio-branded; T; i;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i;%0; io;!; [I" ; To;" ; [o;#;$I"radio-inline; T; i;%0o;#;$I"radio-branded; T; i;%0;&0;'o;;{; o; ;o;; i ;i;o;; i ;i!;0;0; i;%0; i; i;%0:@selector_source_rangeo; ;o;; i;i;o;; i ;i";@;@: @tabsi;[ o;;[I"2input[type="checkbox"], input[type="radio"]; T;o;; [o;!; [o;" ; [o:Sass::Selector::Element ;$I" input; T:@namespace0; i ;%0o:Sass::Selector::Attribute ;$I" type; T;+0:@operatorI"=; T;I""checkbox"; T: @flags0; i ;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i ;%0; i o;!; [I" ; To;" ; [o;* ;$I" input; T;+0; i ;%0o;, ;$I" type; T;+0;-I"=; T;I" "radio"; T;.0; i ;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i ;%0; i ; i ;%0;(o; ;o;; i ;i;o;; i ;i;@;@;)i;[o:Sass::Tree::PropNode;$[I" opacity; T;o: Sass::Script::Tree::Literal;o: Sass::Script::Value::String ;I"0; T; :identifier:"@deprecated_interp_equivalent0;@; i; o; ;o;; i;i;o;; i;i;@;@;)i:@prop_syntax:new;[; i; o; ;o;; i;i ;o;; i;i;@;@:@name_source_rangeo; ;@ƒ;o;; i;i;@;@:@value_source_rangeo; ;o;; i;i;@„;@;@;@o;/;$[I" width; T;o;0;o;1 ;I"0; T; ;2;30;@; i; o; ;o;; i;i;o;; i;i;@;@;)i;4;5;[; i; o; ;o;; i;i ;o;; i;i;@;@;6o; ;@”;o;; i;i;@;@;7o; ;o;; i;i;@•;@;@;@o;/;$[I" height; T;o;0;o;1 ;I"0; T; ;2;30;@; i; o; ;o;; i;i;o;; i;i;@;@;)i;4;5;[; i; o; ;o;; i;i ;o;; i;i;@;@;6o; ;@¥;o;; i;i;@;@;7o; ;o;; i;i;@¦;@;@;@; i ; o; ;@z;o;; i ;i;@;@:@has_childrenT;@o;;[I"&.checkbox-visual, .radio-visual; T;o;; [o;!; [o;" ; [o;#;$I"checkbox-visual; T; i;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i;%0; io;!; [I" ; To;" ; [o;#;$I"radio-visual; T; i;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i;%0; i; i;%0;(o; ;o;; i;i;o;; i;i;@;@;)i;[o;/;$[I"margin-right; T;o;0;o;1 ;I" 15px; T; ;2;30;@; i; o; ;o;; i;i;o;; i;i;@;@;)i;4;5;[; i; o; ;o;; i;i ;o;; i;i;@;@;6o; ;@Ø;o;; i;i;@;@;7o; ;o;; i;i;@Ù;@;@;@o;/;$[I" float; T;o;0;o;1 ;I" left; T; ;2;30;@; i; o; ;o;; i;i;o;; i;i;@;@;)i;4;5;[; i; o; ;o;; i;i ;o;; i;i;@;@;6o; ;@é;o;; i;i;@;@;7o; ;o;; i;i;@ê;@;@;@o;;[I" &:before; T;o;; [o;!; [o;" ; [o:Sass::Selector::Parent: @suffix0; i;%0o:Sass::Selector::Pseudo :@syntactic_type: class;$I" before; T: @arg0:@selector0; i;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i;%0; i; i;%0;(o; ;o;; i;i ;o;; i;i;@;@;)i;[ o:Sass::Tree::ExtendNode ;?[I"%check-style; T:@optionalF;(o; ;o;; i;i;o;; i;i ;@;@;[; i; o; ;o;; i;i ;o;; i;i ;@;@;@o;/;$[I"background-color; T;o: Sass::Script::Tree::Funcall;$I" color; T: @args[o;0 ;o;1 ;I" gray-200; T; : string;30;@; i; o; ;o;; i;i$;o;; i;i.;@;@;%@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0; i; o; ;o;; i;i;o;; i;i/;@;@;%@;@;)i;4;5;[; i; o; ;o;; i;i ;o;; i;i/;@;@;6o; ;@";o;; i;i;@;@;7o; ;o;; i;i;@#;@;@;@o;/;$[I" color; T;o;B;$I" color; T;C[o;0 ;o;1 ;I" gray-400; T; ;D;30;@; i; o; ;o;; i;i;o;; i;i#;@;@;%@;Eo;F;G{;H{;I0;J0; i; o; ;o;; i;i;o;; i;i$;@;@;%@;@;)i;4;5;[; i; o; ;o;; i;i ;o;; i;i$;@;@;6o; ;@<;o;; i;i;@;@;7o; ;o;; i;i;@=;@;@;@o;/;$[I"font-family; T;o;0;o;1 ;I"fontawesome; T; ;2;30;@; i; o; ;o;; i;i;o;; i;i$;@;@;)i;4;5;[; i; o; ;o;; i;i ;o;; i;i$;@;@;6o; ;@M;o;; i;i;@;@;7o; ;o;; i;i;@N;@;@;@; i; o; ;@;o;; i;i;@;@;8T;@; i; o; ;@Ê;o;; i;i;@;@;8T;@o;;[I"sinput[type="checkbox"]:checked + .checkbox-visual:before, input[type="radio"]:checked + .radio-visual:before; T;o;; [o;!; [o;" ; [o;* ;$I" input; T;+0; i;%0o;, ;$I" type; T;+0;-I"=; T;I""checkbox"; T;.0; i;%0o;; ;<;=;$I" checked; T;>0;?0; i;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i$;0;0; i;%0I"+; To;" ; [o;#;$I"checkbox-visual; T; i;%0o;; ;<;=;$I" before; T;>0;?0; i;%0;&0;'o;;{; o; ;o;; i;i';o;; i;i>;0;0; i;%0; io;!; [ I" ; To;" ; [o;* ;$I" input; T;+0; i;%0o;, ;$I" type; T;+0;-I"=; T;I" "radio"; T;.0; i;%0o;; ;<;=;$I" checked; T;>0;?0; i;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i#;0;0; i;%0I"+; To;" ; [o;#;$I"radio-visual; T; i;%0o;; ;<;=;$I" before; T;>0;?0; i;%0;&0;'o;;{; o; ;o;; i;i&;o;; i;i:;0;0; i;%0; i; i;%0;(o; ;o;; i;i;o;; i;i;;@;@;)i;[o;/;$[I" color; T;o;B;$I" color; T;C[o;0 ;o;1 ;I" white; T; ;D;30;@; i ; o; ;o;; i ;i;o;; i ;i;@;@;%@;Eo;F;G{;H{;I0;J0; i ; o; ;o;; i ;i;o;; i ;i;@;@;%@;@;)i;4;5;[; i ; o; ;o;; i ;i ;o;; i ;i;@;@;6o; ;@¯;o;; i ;i;@;@;7o; ;o;; i ;i;@°;@;@;@o;/;$[I"background-color; T;o;B;$I" color; T;C[o;0 ;o;1 ;I" primary; T; ;D;30;@; i!; o; ;o;; i!;i";o;; i!;i+;@;@;%@;Eo;F;G{;H{;I0;J0; i!; o; ;o;; i!;i;o;; i!;i,;@;@;%@;@;)i;4;5;[; i!; o; ;o;; i!;i ;o;; i!;i,;@;@;6o; ;@É;o;; i!;i;@;@;7o; ;o;; i!;i;@Ê;@;@;@; i; o; ;@˜;o;; i;i;;@;@;8T;@o;;[I"$.checkbox-label, .radio-label; T;o;; [o;!; [o;" ; [o;#;$I"checkbox-label; T; i#;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i#;%0; i#o;!; [I" ; To;" ; [o;#;$I"radio-label; T; i#;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i#;%0; i#; i#;%0;(o; ;o;; i#;i;o;; i$;i;@;@;)i;[o;/;$[I" display; T;o;0;o;1 ;I" block; T; ;2;30;@; i%; o; ;o;; i%;i;o;; i%;i;@;@;)i;4;5;[; i%; o; ;o;; i%;i ;o;; i%;i;@;@;6o; ;@ü;o;; i%;i;@;@;7o; ;o;; i%;i;@ý;@;@;@o;/;$[I"padding-left; T;o;0;o;1 ;I"0; T; ;2;30;@; i&; o; ;o;; i&;i;o;; i&;i;@;@;)i;4;5;[; i&; o; ;o;; i&;i ;o;; i&;i;@;@;6o; ;@ ;o;; i&;i;@;@;7o; ;o;; i&;i;@;@;@;@o;/;$[I"line-height; T;o:!Sass::Script::Tree::Variable ;$I"btn-xs-size; T:@underscored_nameI"btn_xs_size; T; i'; o; ;o;; i';i;o;; i';i#;@;@;%@;@;)i;4;5;[; i'; o; ;o;; i';i ;o;; i';i#;@;@;6o; ;@;o;; i';i;@;@;7o; ;o;; i';i;@;@;@;@; i#; o; ;@î;o;; i$;i;@;@;8T;@; i; o; ;@R;o;; i ;i";@;@;8T;@o;;[I"C.checkbox-inline.checkbox-branded, .radio-inline.radio-branded; T;o;; [o;!; [o;" ; [o;#;$I"checkbox-inline; T; i+;%0o;#;$I"checkbox-branded; T; i+;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i';0;0; i+;%0; i+o;!; [I" ; To;" ; [o;#;$I"radio-inline; T; i+;%0o;#;$I"radio-branded; T; i+;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i!;0;0; i+;%0; i+; i+;%0;(o; ;o;; i+;i;o;; i,;i";@;@;)i;[o;/;$[I"padding-left; T;o;0;o;1 ;I"0; T; ;2;30;@; i-; o; ;o;; i-;i;o;; i-;i;@;@;)i;4;5;[; i-; o; ;o;; i-;i;o;; i-;i;@;@;6o; ;@W;o;; i-;i;@;@;7o; ;o;; i-;i;@X;@;@;@o;;[I"$.checkbox-label, .radio-label; T;o;; [o;!; [o;" ; [o;#;$I"checkbox-label; T; i/;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i/;%0; i/o;!; [I" ; To;" ; [o;#;$I"radio-label; T; i/;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i/;%0; i/; i/;%0;(o; ;o;; i/;i;o;; i0;i;@;@;)i;[o;/;$[I" display; T;o;0;o;1 ;I"inline-block; T; ;2;30;@; i1; o; ;o;; i1;i;o;; i1;i;@;@;)i;4;5;[; i1; o; ;o;; i1;i ;o;; i1;i;@;@;6o; ;@ˆ;o;; i1;i;@;@;7o; ;o;; i1;i;@‰;@;@;@o;/;$[I"margin-right; T;o;0;o;1 ;I" 25px; T; ;2;30;@; i2; o; ;o;; i2;i;o;; i2;i;@;@;)i;4;5;[; i2; o; ;o;; i2;i ;o;; i2;i;@;@;6o; ;@™;o;; i2;i;@;@;7o; ;o;; i2;i;@š;@;@;@; i/; o; ;@z;o;; i0;i;@;@;8T;@; i+; o; ;@I;o;; i,;i";@;@;8T;@o;;[I"C.checkbox.checkbox-branded, .checkbox-inline.checkbox-branded; T;o;; [o;!; [o;" ; [o;#;$I" checkbox; T; i6;%0o;#;$I"checkbox-branded; T; i6;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i ;0;0; i6;%0; i6o;!; [I" ; To;" ; [o;#;$I"checkbox-inline; T; i6;%0o;#;$I"checkbox-branded; T; i6;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i';0;0; i6;%0; i6; i6;%0;(o; ;o;; i6;i;o;; i7;i(;@;@;)i;[o;;[I".checkbox-visual:before; T;o;; [o;!; [o;" ; [o;#;$I"checkbox-visual; T; i8;%0o;; ;<;=;$I" before; T;>0;?0; i8;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i8;%0; i8; i8;%0;(o; ;o;; i8;i;o;; i8;i ;@;@;)i;[o;/;$[I" content; T;o;0;o;1 ;I" "\f00c"; T; ;2;30;@; i9; o; ;o;; i9;i;o;; i9;i;@;@;)i;4;5;[; i9; o; ;o;; i9;i ;o;; i9;i;@;@;6o; ;@è;o;; i9;i;@;@;7o; ;o;; i9;i;@é;@;@;@o;/;$[I"border-radius; T;o;K ;$I"border-radius-default; T;LI"border_radius_default; T; i:; o; ;o;; i:;i;o;; i:;i/;@;@;%@;@;)i;4;5;[; i:; o; ;o;; i:;i ;o;; i:;i/;@;@;6o; ;@ù;o;; i:;i;@;@;7o; ;o;; i:;i;@ú;@;@;@; i8; o; ;@Ú;o;; i8;i ;@;@;8T;@o;;[I"=input[type="checkbox"]:checked + .checkbox-visual:before; T;o;; [o;!; [o;" ; [o;* ;$I" input; T;+0; i<;%0o;, ;$I" type; T;+0;-I"=; T;I""checkbox"; T;.0; i<;%0o;; ;<;=;$I" checked; T;>0;?0; i<;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i$;0;0; i<;%0I"+; To;" ; [o;#;$I"checkbox-visual; T; i<;%0o;; ;<;=;$I" before; T;>0;?0; i<;%0;&0;'o;;{; o; ;o;; i;i';o;; i;i>;0;0; i<;%0; i<; i<;%0;(o; ;o;; i<;i;o;; i<;iA;@;@;)i;[o;/;$[I"background-color; T;o;B;$I" color; T;C[o;0 ;o;1 ;I" primary; T; ;D;30;@; i=; o; ;o;; i=;i";o;; i=;i+;@;@;%@;Eo;F;G{;H{;I0;J0; i=; o; ;o;; i=;i;o;; i=;i,;@;@;%@;@;)i;4;5;[; i=; o; ;o;; i=;i ;o;; i=;i,;@;@;6o; ;@;;o;; i=;i;@;@;7o; ;o;; i=;i;@<;@;@;@; i<; o; ;@$;o;; i<;iA;@;@;8T;@; i6; o; ;@Ä;o;; i7;i(;@;@;8T;@o;;[I"6.radio.radio-branded, .radio-inline.radio-branded; T;o;; [o;!; [o;" ; [o;#;$I" radio; T; i@;%0o;#;$I"radio-branded; T; i@;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; i@;%0; i@o;!; [I" ; To;" ; [o;#;$I"radio-inline; T; i@;%0o;#;$I"radio-branded; T; i@;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i!;0;0; i@;%0; i@; i@;%0;(o; ;o;; i@;i;o;; iA;i";@;@;)i;[o;;[I".radio-visual:before; T;o;; [o;!; [o;" ; [o;#;$I"radio-visual; T; iB;%0o;; ;<;=;$I" before; T;>0;?0; iB;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i;0;0; iB;%0; iB; iB;%0;(o; ;o;; iB;i;o;; iB;i;@;@;)i;[ o;/;$[I" content; T;o;0;o;1 ;I" "\f111"; T; ;2;30;@; iC; o; ;o;; iC;i;o;; iC;i;@;@;)i;4;5;[; iC; o; ;o;; iC;i ;o;; iC;i;@;@;6o; ;@Š;o;; iC;i;@;@;7o; ;o;; iC;i;@‹;@;@;@o;/;$[I"padding-top; T;o;0;o;1 ;I"1px; T; ;2;30;@; iD; o; ;o;; iD;i;o;; iD;i;@;@;)i;4;5;[; iD; o; ;o;; iD;i ;o;; iD;i;@;@;6o; ;@›;o;; iD;i;@;@;7o; ;o;; iD;i;@œ;@;@;@o; ;[I"!/*shim for text alignment */; T; ; ;[; iD; o; ;o;; iD;i;o;; iD;i5;@;@;@o:Sass::Tree::MixinNode;$I" circle; T;C[o;K ;$I"btn-xs-size; T;LI"btn_xs_size; T; iE; o; ;o;; iE;i;o;; iE;i&;@;@;%@;@o;B;$I" color; T;C[o;0 ;o;1 ;I" gray-200; T; ;D;30;@; iE; o; ;o;; iE;i.;o;; iE;i8;@;@;%@;Eo;F;G{;H{;I0;J0; iE; o; ;o;; iE;i(;o;; iE;i9;@;@;%@;@;Eo;F;G{;H{;I0;J0;[; iE; o; ;o;; iE;i ;o;; iE;i:;@;@;@; iB; o; ;@|;o;; iB;i;@;@;8T;@o;;[I"7input[type="radio"]:checked + .radio-visual:before; T;o;; [o;!; [o;" ; [o;* ;$I" input; T;+0; iG;%0o;, ;$I" type; T;+0;-I"=; T;I" "radio"; T;.0; iG;%0o;; ;<;=;$I" checked; T;>0;?0; iG;%0;&0;'o;;{; o; ;o;; i;i;o;; i;i!;0;0; iG;%0I"+; To;" ; [o;#;$I"radio-visual; T; iG;%0o;; ;<;=;$I" before; T;>0;?0; iG;%0;&0;'o;;{; o; ;o;; i;i$;o;; i;i8;0;0; iG;%0; iG; iG;%0;(o; ;o;; iG;i;o;; iG;i;;@;@;)i;[o;/;$[I"background-color; T;o;B;$I" color; T;C[o;0 ;o;1 ;I"secondary; T; ;D;30;@; iH; o; ;o;; iH;i";o;; iH;i-;@;@;%@;Eo;F;G{;H{;I0;J0; iH; o; ;o;; iH;i;o;; iH;i.;@;@;%@;@;)i;4;5;[; iH; o; ;o;; iH;i ;o;; iH;i.;@;@;6o; ;@;o;; iH;i;@;@;7o; ;o;; iH;i;@;@;@;@; iG; o; ;@ì;o;; iG;i;;@;@;8T;@; i@; o; ;@f;o;; iA;i";@;@;8T;@:@templateI"À// Styling checkboxes and radio buttons by hiding the input and using pseudo-classes // This technique is a bit more tightly coupled to the markup than we'd prefer but it gives us a lot of cross-browser style control .checkbox.checkbox-branded, .checkbox-inline.checkbox-branded, .radio.radio-branded, .radio-inline.radio-branded { input[type="checkbox"], input[type="radio"] { opacity: 0; width: 0; height: 0; } .checkbox-visual, .radio-visual { margin-right: 15px; float: left; &:before { @extend %check-style; background-color: color('gray-200'); color: color('gray-400'); font-family: fontawesome; } } input[type="checkbox"]:checked + .checkbox-visual:before, input[type="radio"]:checked + .radio-visual:before { color: color('white'); background-color: color('primary'); } .checkbox-label, .radio-label { display: block; padding-left: 0; line-height: $btn-xs-size; } } .checkbox-inline.checkbox-branded, .radio-inline.radio-branded { padding-left: 0; .checkbox-label, .radio-label { display: inline-block; margin-right: 25px; } } .checkbox.checkbox-branded, .checkbox-inline.checkbox-branded { .checkbox-visual:before { content: "\f00c"; border-radius: $border-radius-default; } input[type="checkbox"]:checked + .checkbox-visual:before { background-color: color('primary'); } } .radio.radio-branded, .radio-inline.radio-branded { .radio-visual:before { content: "\f111"; padding-top: 1px; //shim for text alignment @include circle($btn-xs-size, color('gray-200')); } input[type="radio"]:checked + .radio-visual:before { background-color: color('secondary'); } } ; T; i; o; ;o;; i;i;o;; i;i;@;@;8T;@