{: versionI"3.4.19 (Selective Steve):EF:shaI"-3eb0c93506e27f1deea341596b4660e3f775d028;F: contents"@o: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: @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:Set: @hash{:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso;; i; i : @file0:@importer0; 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";"I"w/Users/nmcclay/Documents/git/forever-style-guide/app/assets/stylesheets/forever_style_guide/modules/_checkbox.scss; T;#o:Sass::Rails::SassImporter: @rootI"L/Users/nmcclay/Documents/git/forever-style-guide/app/assets/stylesheets; F:@real_rootI"L/Users/nmcclay/Documents/git/forever-style-guide/app/assets/stylesheets; F:@same_name_warningso;;{: @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;"@K;#@L;)i;[o:Sass::Tree::PropNode;[I" opacity; T;o: Sass::Script::Tree::Literal;o: Sass::Script::Value::String;I"0; T; :identifier; @ ; i;o; ;o;; i; i;!o;; i; i;"@K;#@L;)i:@prop_syntax:new;[; i;o; ;o;; i; i ;!o;; i; i;"@K;#@L:@name_source_rangeo; ;@;!o;; i; i;"@K;#@L:@value_source_rangeo; ;o;; i; i;!@;"@K;#@L; @ o;/;[I" width; T;o;0;o;1;I"0; T; ;2; @ ; i;o; ;o;; i; i;!o;; i; i;"@K;#@L;)i;3;4;[; i;o; ;o;; i; i ;!o;; i; i;"@K;#@L;5o; ;@;!o;; i; i;"@K;#@L;6o; ;o;; i; i;!@;"@K;#@L; @ o;/;[I" height; T;o;0;o;1;I"0; T; ;2; @ ; i;o; ;o;; i; i;!o;; i; i;"@K;#@L;)i;3;4;[; i;o; ;o;; i; i ;!o;; i; i;"@K;#@L;5o; ;@;!o;; i; i;"@K;#@L;6o; ;o;; i; i;!@;"@K;#@L; @ ; i ;o; ;@w;!o;; i ; i;"@K;#@L:@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;"@K;#@L;)i;[o;/;[I"margin-right; T;o;0;o;1;I" 15px; T; ;2; @ ; i;o; ;o;; i; i;!o;; i; i;"@K;#@L;)i;3;4;[; i;o; ;o;; i; i ;!o;; i; i;"@K;#@L;5o; ;@;!o;; i; i;"@K;#@L;6o; ;o;; i; i;!@;"@K;#@L; @ o;/;[I" float; T;o;0;o;1;I" left; T; ;2; @ ; i;o; ;o;; i; i;!o;; i; i;"@K;#@L;)i;3;4;[; i;o; ;o;; i; i ;!o;; i; i;"@K;#@L;5o; ;@;!o;; i; i;"@K;#@L;6o; ;o;; i; i;!@;"@K;#@L; @ 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;"@K;#@L;)i;[ o:Sass::Tree::ExtendNode ;>[I"%check-style; T:@optionalF;$o; ;o;; i; i;!o;; i; i ;"@K;#@L;[; i;o; ;o;; i; i ;!o;; i; i ;"@K;#@L; @ o;/;[I"background-color; T;o: Sass::Script::Tree::Funcall;I" color; T: @args[o;0 ;o;1;I" gray-200; T; : string; @ ; i;o; ;o;; i; i$;!o;; i; i.;"@K;#@L;@K:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0; i;o; ;o;; i; i;!o;; i; i/;"@K;#@L;@K; @ ;)i;3;4;[; i;o; ;o;; i; i ;!o;; i; i/;"@K;#@L;5o; ;@;!o;; i; i;"@K;#@L;6o; ;o;; i; i;!@ ;"@K;#@L; @ o;/;[I" color; T;o;A;I" color; T;B[o;0 ;o;1;I" gray-400; T; ;C; @ ; i;o; ;o;; i; i;!o;; i; i#;"@K;#@L;@K;Do;E;F{;G{;H0;I0; i;o; ;o;; i; i;!o;; i; i$;"@K;#@L;@K; @ ;)i;3;4;[; i;o; ;o;; i; i ;!o;; i; i$;"@K;#@L;5o; ;@9;!o;; i; i;"@K;#@L;6o; ;o;; i; i;!@:;"@K;#@L; @ o;/;[I"font-family; T;o;0;o;1;I"fontawesome; T; ;2; @ ; i;o; ;o;; i; i;!o;; i; i$;"@K;#@L;)i;3;4;[; i;o; ;o;; i; i ;!o;; i; i$;"@K;#@L;5o; ;@J;!o;; i; i;"@K;#@L;6o; ;o;; i; i;!@K;"@K;#@L; @ ; i;o; ;@;!o;; i; i;"@K;#@L;7T; @ ; i;o; ;@;!o;; i; i;"@K;#@L;7T; @ 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;;"@K;#@L;)i;[o;/;[I" color; T;o;A;I" color; T;B[o;0 ;o;1;I" white; T; ;C; @ ; i ;o; ;o;; i ; i;!o;; i ; i;"@K;#@L;@K;Do;E;F{;G{;H0;I0; i ;o; ;o;; i ; i;!o;; i ; i;"@K;#@L;@K; @ ;)i;3;4;[; i ;o; ;o;; i ; i ;!o;; i ; i;"@K;#@L;5o; ;@;!o;; i ; i;"@K;#@L;6o; ;o;; i ; i;!@;"@K;#@L; @ o;/;[I"background-color; T;o;A;I" color; T;B[o;0 ;o;1;I" primary; T; ;C; @ ; i!;o; ;o;; i!; i";!o;; i!; i+;"@K;#@L;@K;Do;E;F{;G{;H0;I0; i!;o; ;o;; i!; i;!o;; i!; i,;"@K;#@L;@K; @ ;)i;3;4;[; i!;o; ;o;; i!; i ;!o;; i!; i,;"@K;#@L;5o; ;@;!o;; i!; i;"@K;#@L;6o; ;o;; i!; i;!@;"@K;#@L; @ ; i;o; ;@;!o;; i; i;;"@K;#@L;7T; @ 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;"@K;#@L;)i;[o;/;[I" display; T;o;0;o;1;I" block; T; ;2; @ ; i%;o; ;o;; i%; i;!o;; i%; i;"@K;#@L;)i;3;4;[; i%;o; ;o;; i%; i ;!o;; i%; i;"@K;#@L;5o; ;@;!o;; i%; i;"@K;#@L;6o; ;o;; i%; i;!@;"@K;#@L; @ o;/;[I"padding-left; T;o;0;o;1;I"0; T; ;2; @ ; i&;o; ;o;; i&; i;!o;; i&; i;"@K;#@L;)i;3;4;[; i&;o; ;o;; i&; i ;!o;; i&; i;"@K;#@L;5o; ;@ ;!o;; i&; i;"@K;#@L;6o; ;o;; i&; i;!@ ;"@K;#@L; @ 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#;"@K;#@L;@K; @ ;)i;3;4;[; i';o; ;o;; i'; i ;!o;; i'; i#;"@K;#@L;5o; ;@;!o;; i'; i;"@K;#@L;6o; ;o;; i'; i;!@;"@K;#@L; @ ; i#;o; ;@;!o;; i$; i;"@K;#@L;7T; @ ; i;o; ;@I;!o;; i ; i";"@K;#@L;7T; @ 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";"@K;#@L;)i;[o;/;[I"padding-left; T;o;0;o;1;I"0; T; ;2; @ ; i-;o; ;o;; i-; i;!o;; i-; i;"@K;#@L;)i;3;4;[; i-;o; ;o;; i-; i;!o;; i-; i;"@K;#@L;5o; ;@T;!o;; i-; i;"@K;#@L;6o; ;o;; i-; i;!@U;"@K;#@L; @ 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;"@K;#@L;)i;[o;/;[I" display; T;o;0;o;1;I"inline-block; T; ;2; @ ; i1;o; ;o;; i1; i;!o;; i1; i;"@K;#@L;)i;3;4;[; i1;o; ;o;; i1; i ;!o;; i1; i;"@K;#@L;5o; ;@;!o;; i1; i;"@K;#@L;6o; ;o;; i1; i;!@;"@K;#@L; @ o;/;[I"margin-right; T;o;0;o;1;I" 25px; T; ;2; @ ; i2;o; ;o;; i2; i;!o;; i2; i;"@K;#@L;)i;3;4;[; i2;o; ;o;; i2; i ;!o;; i2; i;"@K;#@L;5o; ;@;!o;; i2; i;"@K;#@L;6o; ;o;; i2; i;!@;"@K;#@L; @ ; i/;o; ;@w;!o;; i0; i;"@K;#@L;7T; @ ; i+;o; ;@F;!o;; i,; i";"@K;#@L;7T; @ 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(;"@K;#@L;)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 ;"@K;#@L;)i;[o;/;[I" content; T;o;0;o;1;I" "\f00c"; T; ;2; @ ; i9;o; ;o;; i9; i;!o;; i9; i;"@K;#@L;)i;3;4;[; i9;o; ;o;; i9; i ;!o;; i9; i;"@K;#@L;5o; ;@;!o;; i9; i;"@K;#@L;6o; ;o;; i9; i;!@;"@K;#@L; @ o;/;[I"border-radius; T;o;J ;I"border-radius-default; T;KI"border_radius_default; T; i:;o; ;o;; i:; i;!o;; i:; i/;"@K;#@L;@K; @ ;)i;3;4;[; i:;o; ;o;; i:; i ;!o;; i:; i/;"@K;#@L;5o; ;@;!o;; i:; i;"@K;#@L;6o; ;o;; i:; i;!@;"@K;#@L; @ ; i8;o; ;@;!o;; i8; i ;"@K;#@L;7T; @ 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;"@K;#@L;)i;[o;/;[I"background-color; T;o;A;I" color; T;B[o;0 ;o;1;I" primary; T; ;C; @ ; i=;o; ;o;; i=; i";!o;; i=; i+;"@K;#@L;@K;Do;E;F{;G{;H0;I0; i=;o; ;o;; i=; i;!o;; i=; i,;"@K;#@L;@K; @ ;)i;3;4;[; i=;o; ;o;; i=; i ;!o;; i=; i,;"@K;#@L;5o; ;@8;!o;; i=; i;"@K;#@L;6o; ;o;; i=; i;!@9;"@K;#@L; @ ; i<;o; ;@!;!o;; i<; iA;"@K;#@L;7T; @ ; i6;o; ;@;!o;; i7; i(;"@K;#@L;7T; @ 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";"@K;#@L;)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;"@K;#@L;)i;[ o;/;[I" content; T;o;0;o;1;I" "\f111"; T; ;2; @ ; iC;o; ;o;; iC; i;!o;; iC; i;"@K;#@L;)i;3;4;[; iC;o; ;o;; iC; i ;!o;; iC; i;"@K;#@L;5o; ;@;!o;; iC; i;"@K;#@L;6o; ;o;; iC; i;!@;"@K;#@L; @ o;/;[I"padding-top; T;o;0;o;1;I"1px; T; ;2; @ ; iD;o; ;o;; iD; i;!o;; iD; i;"@K;#@L;)i;3;4;[; iD;o; ;o;; iD; i ;!o;; iD; i;"@K;#@L;5o; ;@;!o;; iD; i;"@K;#@L;6o; ;o;; iD; i;!@;"@K;#@L; @ o; ;[I"!/*shim for text alignment */; T; ; ;[; iD; @ o:Sass::Tree::MixinNode;I" circle; T;B[o;J ;I"btn-xs-size; T;KI"btn_xs_size; T; iE;o; ;o;; iE; i;!o;; iE; i&;"@K;#@L;@K; @ o;A;I" color; T;B[o;0 ;o;1;I" gray-200; T; ;C; @ ; iE;o; ;o;; iE; i.;!o;; iE; i8;"@K;#@L;@K;Do;E;F{;G{;H0;I0; iE;o; ;o;; iE; i(;!o;; iE; i9;"@K;#@L;@K; @ ;Do;E;F{;G{;H0;I0;[; iE;o; ;o;; iE; i ;!o;; iE; i:;"@K;#@L; @ ; iB;o; ;@y;!o;; iB; i;"@K;#@L;7T; @ 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;;"@K;#@L;)i;[o;/;[I"background-color; T;o;A;I" color; T;B[o;0 ;o;1;I"secondary; T; ;C; @ ; iH;o; ;o;; iH; i";!o;; iH; i-;"@K;#@L;@K;Do;E;F{;G{;H0;I0; iH;o; ;o;; iH; i;!o;; iH; i.;"@K;#@L;@K; @ ;)i;3;4;[; iH;o; ;o;; iH; i ;!o;; iH; i.;"@K;#@L;5o; ;@;!o;; iH; i;"@K;#@L;6o; ;o;; iH; i;!@;"@K;#@L; @ ; iG;o; ;@;!o;; iG; i;;"@K;#@L;7T; @ ; i@;o; ;@c;!o;; iA; i";"@K;#@L;7T; @ :@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;"@K;#@L;7T; @