{: versionI"3.4.21 (Selective Steve):EF:shaI"-0974fe3784ff5c60d5c856b0aff63c8470848e28;F: contents"0o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I")/* Styling for Vertical Nav lists */:ET: @type: silent;[: @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso;; i;i': @fileI"v/Users/zschweitzer/git/forever-style-guide/app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.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::VariableNode : @nameI" header_active_border_height; T: @expro: Sass::Script::Tree::Literal ;o: Sass::Script::Value::Number ;i:@numerator_units[I"px; T:@denominator_units[;@:@originalI"2px; F; i; o; ;o;; i;i$;o;; i;i';@;@:@filename@: @guarded0: @global0;[; i; o; ;o;; i;i;o;; i;i';@;@;@o:Sass::Tree::RuleNode: @rule[I" .nav; T:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;+[o:#Sass::Selector::SimpleSequence ;+[o:Sass::Selector::Class;I"nav; T; i ;$0: @subject0: @sourceso;;{; 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"&.nav-pills; T;)o;*;+[o;,;+[o;- ;+[o:Sass::Selector::Parent: @suffix0; i ;$0o;.;I"nav-pills; T; i ;$0;/0;0o;;{; o; ;o;; i;i;o;; i;i;0;0; i ;$0; i ; i ;$0;1o; ;o;; i ;i;o;; i ;i;@;@;2i;[o:Sass::Tree::ExtendNode :@selector[I"%card-style; T:@optionalF;1o; ;o;; i ;i;o;; i ;i;@;@;[; i ; o; ;o;; i ;i ;o;; i ;i;@;@;@; i ; o; ;@J;o;; i ;i;@;@:@has_childrenT;@o;';([I".nav-item; T;)o;*;+[o;,;+[o;- ;+[o;.;I" nav-item; T; i;$0;/0;0o;;{; o; ;o;; i;i;o;; i;i;0;0; i;$0; i; i;$0;1o; ;o;; i;i;o;; i;i;@;@;2i;[o:Sass::Tree::MixinNode;I" clearfix; T: @args[:@keywords{: @splat0:@kwarg_splat0;[; i; o; ;o;; i;i ;o;; i;i;@;@;@o:Sass::Tree::PropNode;[I"font-family; T;o:!Sass::Script::Tree::Variable ;I"font-face-regular; T:@underscored_nameI"font_face_regular; T; i; o; ;o;; i;i;o;; i;i);@;@;$@;@;2i:@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"font-size; T;o;? ;I"font-size-300; T;@I"font_size_300; T; i; o; ;o;; i;i;o;; i;i#;@;@;$@;@;2i;A;B;[; i; o; ;o;; i;i ;o;; i;i#;@;@;Co; ;@;o;; i;i;@;@;Do; ;o;; i;i;@;@;@;@o;';([I".nav-item-list; T;)o;*;+[o;,;+[o;- ;+[o;.;I"nav-item-list; T; i;$0;/0;0o;;{; o; ;o;; i;i;o;; i;i;0;0; i;$0; i; i;$0;1o; ;o;; i;i ;o;; i;i;@;@;2i;[o;>;[I" border; T;o;;o: Sass::Script::Value::String ;I"0; T; :identifier:"@deprecated_interp_equivalent0;@; i; o; ;o;; i;i;o;; i;i;@;@;2i;A;B;[; i; o; ;o;; i;i ;o;; i;i;@;@;Co; ;@;o;; i;i;@;@;Do; ;o;; i;i;@;@;@;@o;>;[I" height; T;o;? ;I"header_height; T;@I"header_height; T; i; o; ;o;; i;i;o;; i;i";@;@;$@;@;2i;A;B;[; i; o; ;o;; i;i ;o;; i;i";@;@;Co; ;@;o;; i;i;@;@;Do; ;o;; i;i;@;@;@;@o;>;[I" color; T;o: Sass::Script::Tree::Funcall;I" color; T;:[o; ;o;E ;I" gray-500; T; : string;G0;@; i; o; ;o;; i;i;o;; i;i#;@;@;$@;;o:Sass::Util::NormalizedMap:@key_strings{: @map{;<0;=0; i; o; ;o;; i;i;o;; i;i$;@;@;$@;@;2i;A;B;[; i; o; ;o;; i;i ;o;; i;i$;@;@;Co; ;@;o;; i;i;@;@;Do; ;o;; i;i;@;@;@;@; i; o; ;@;o;; i;i;@;@;8T;@o;';([I".nav-item-list; T;)o;*;+[o;,;+[o;- ;+[o;.;I"nav-item-list; T; i;$0;/0;0o;;{; o; ;o;; i;i;o;; i;i;0;0; i;$0; i; i;$0;1o; ;o;; i;i ;o;; i;i;@;@;2i;[o;9;I"border_highlight; T;:[o; ;o;E ;I" left; T; ;I;G0;@; i; o; ;o;; i;i&;o;; i;i,;@;@;$@o; ;o:Sass::Script::Value::Color ;0: @attrs{ :redi: greeni: bluei: alphaf0:@representationI"transparent; T;@; i; o; ;o;; i;i.;o;; i;i9;@;@;$@;;o;J;K{;L{;<0;=0;[; i; o; ;o;; i;i ;o;; i;i:;@;@;@; i; o; ;@;o;; i;i;@;@;8T;@o; ;[I"7/* For styleguide primary nav icon + text style */; T; ; ;[; i; o; ;o;; i;i ;o;; i;i9;@;@;@o;';([I".nav-item-icon; T;)o;*;+[o;,;+[o;- ;+[o;.;I"nav-item-icon; T; i;$0;/0;0o;;{; o; ;o;; i;i;o;; i;i;0;0; i;$0; i; i;$0;1o; ;o;; i;i ;o;; i;i;@;@;2i;[o;>;[I"font-size; T;o;? ;I"font-size-400; T;@I"font_size_400; T; i; o; ;o;; i;i;o;; i;i%;@;@;$@;@;2i;A;B;[; i; o; ;o;; i;i ;o;; i;i%;@;@;Co; ;@8;o;; i;i;@;@;Do; ;o;; i;i;@9;@;@;@o;>;[I"line-height; T;o;;o;E ;I" 20px; T; ;F;G0;@; i; o; ;o;; i;i;o;; i;i;@;@;2i;A;B;[; i; o; ;o;; i;i ;o;; i;i;@;@;Co; ;@I;o;; i;i;@;@;Do; ;o;; i;i;@J;@;@;@o;>;[I"vertical-align; T;o;;o;E ;I" bottom; T; ;F;G0;@; i ; o; ;o;; i ;i;o;; i ;i";@;@;2i;A;B;[; i ; o; ;o;; i ;i ;o;; i ;i";@;@;Co; ;@Z;o;; i ;i;@;@;Do; ;o;; i ;i;@[;@;@;@; i; o; ;@*;o;; i;i;@;@;8T;@o;';([I".nav-item-label; T;)o;*;+[o;,;+[o;- ;+[o;.;I"nav-item-label; T; i";$0;/0;0o;;{; o; ;o;; i;i;o;; i;i;0;0; i";$0; i"; i";$0;1o; ;o;; i";i ;o;; i";i;@;@;2i;[o;>;[I"line-height; T;o;;o;E ;I" 20px; T; ;F;G0;@; i#; o; ;o;; i#;i;o;; i#;i;@;@;2i;A;B;[; i#; o; ;o;; i#;i ;o;; i#;i;@;@;Co; ;@;o;; i#;i;@;@;Do; ;o;; i#;i;@;@;@;@; i"; o; ;@s;o;; i";i;@;@;8T;@o;';([I"&:hover, &:focus; T;)o;*;+[o;,;+[o;- ;+[o;3;40; i&;$0o:Sass::Selector::Pseudo :@syntactic_type: class;I" hover; T: @arg0;60; i&;$0;/0;0o;;{; o; ;o;; i;i;o;; i;i ;0;0; i&;$0; i&o;,;+[o;- ;+[o;3;40; i&;$0o;T ;U;V;I" focus; T;W0;60; i&;$0;/0;0o;;{; o; ;o;; i;i;o;; i;i;0;0; i&;$0; i&; i&;$0;1o; ;o;; i&;i ;o;; i&;i;@;@;2i;[o;';([I".nav-item-list; T;)o;*;+[o;,;+[o;- ;+[o;.;I"nav-item-list; T; i';$0;/0;0o;;{; o; ;o;; i;i;o;; i;i;0;0; i';$0; i'; i';$0;1o; ;o;; i';i ;o;; i';i;@;@;2i;[o;>;[I" color; T;o;H;I" color; T;:[o; ;o;E ;I"secondary; T; ;I;G0;@; i(; o; ;o;; i(;i;o;; i(;i&;@;@;$@;;o;J;K{;L{;<0;=0; i(; o; ;o;; i(;i;o;; i(;i';@;@;$@;@;2i;A;B;[; i(; o; ;o;; i(;i;o;; i(;i';@;@;Co; ;@;o;; i(;i;@;@;Do; ;o;; i(;i;@;@;@;@o;>;[I"background-color; T;o;H;I" color; T;:[o; ;o;E ;I" gray-100; T; ;I;G0;@; i); o; ;o;; i);i&;o;; i);i0;@;@;$@;;o;J;K{;L{;<0;=0; i); o; ;o;; i);i ;o;; i);i1;@;@;$@;@;2i;A;B;[; i); o; ;o;; i);i;o;; i);i1;@;@;Co; ;@;o;; i);i;@;@;Do; ;o;; i);i ;@;@;@;@; i'; o; ;@;o;; i';i;@;@;8T;@o;';([I".nav-item-list; T;)o;*;+[o;,;+[o;- ;+[o;.;I"nav-item-list; T; i+;$0;/0;0o;;{; o; ;o;; i;i;o;; i;i;0;0; i+;$0; i+; i+;$0;1o; ;o;; i+;i ;o;; i+;i;@;@;2i;[o;9;I"border_highlight; T;:[o; ;o;E ;I" left; T; ;I;G0;@; i,; o; ;o;; i,;i(;o;; i,;i.;@;@;$@;;o;J;K{;L{;<0;=0;[; i,; o; ;o;; i,;i;o;; i,;i/;@;@;@; i+; o; ;@;o;; i+;i;@;@;8T;@; i&; o; ;@;o;; i&;i;@;@;8T;@o:Sass::Tree::AtRootNode ;[o;';([o:&Sass::Script::Tree::Interpolation: @before0: @mido:!Sass::Script::Tree::Selector ; o; ;o;; i0;i;o;; i0;i;@;@; i0;$@;@: @after0:@whitespace_beforeF:@whitespace_afterF:@originally_textF:@warn_for_color:warn_for_color:@deprecation: none;@; i0; o; ;o;; i0;i;o;; i0;i;@;@;$@I" .active; T;)0;1o; ;o;; i0;i;o;; i0;i;@;@;2i;[o;';([I".nav-item-list; T;)o;*;+[o;,;+[o;- ;+[o;.;I"nav-item-list; T; i1;$0;/0;0o;;{; o; ;o;; i;i;o;; i;i;0;0; i1;$0; i1; i1;$0;1o; ;o;; i1;i ;o;; i1;i;@;@;2i;[ o;>;[I" color; T;o;H;I" color; T;:[o; ;o;E ;I" gray-600; T; ;I;G0;@; i2; o; ;o;; i2;i;o;; i2;i%;@;@;$@;;o;J;K{;L{;<0;=0; i2; o; ;o;; i2;i;o;; i2;i&;@;@;$@;@;2i;A;B;[; i2; o; ;o;; i2;i;o;; i2;i&;@;@;Co; ;@U;o;; i2;i;@;@;Do; ;o;; i2;i;@V;@;@;@o;>;[I"background-color; T;o;H;I" color; T;:[o; ;o;E ;I" gray-100; T; ;I;G0;@; i3; o; ;o;; i3;i&;o;; i3;i0;@;@;$@;;o;J;K{;L{;<0;=0; i3; o; ;o;; i3;i ;o;; i3;i1;@;@;$@;@;2i;A;B;[; i3; o; ;o;; i3;i;o;; i3;i1;@;@;Co; ;@o;o;; i3;i;@;@;Do; ;o;; i3;i ;@p;@;@;@o;>;[I"border-top; T;o:$Sass::Script::Tree::ListLiteral :@elements[o; ;o; ;i;![I"px; T;"[;@;#I"1px; F; i4; o; ;o;; i4;i;o;; i4;i;@;@;$@o; ;o;E ;I" solid; T; ;F;G0;@; i4; o; ;o;; i4;i;o;; i4;i#;@;@;$@o;H;I" color; T;:[o; ;o;E ;I" gray-300; T; ;I;G0;@; i4; o; ;o;; i4;i*;o;; i4;i4;@;@;$@;;o;J;K{;L{;<0;=0; i4; o; ;o;; i4;i$;o;; i4;i5;@;@;$@;@:@separator: space; i4; o; ;o;; i4;i;o;; i4;i5;@;@;$@;@;2i;A;B;[; i4; o; ;o;; i4;i;o;; i4;i5;@;@;Co; ;@;o;; i4;i;@;@;Do; ;o;; i4;i;@;@;@;@o;>;[I"border-bottom; T;o;e ;f[o; ;o; ;i;![I"px; T;"[;@;#I"1px; F; i5; o; ;o;; i5;i;o;; i5;i ;@;@;$@o; ;o;E ;I" solid; T; ;F;G0;@; i5; o; ;o;; i5;i!;o;; i5;i&;@;@;$@o;H;I" color; T;:[o; ;o;E ;I" gray-300; T; ;I;G0;@; i5; o; ;o;; i5;i-;o;; i5;i7;@;@;$@;;o;J;K{;L{;<0;=0; i5; o; ;o;; i5;i';o;; i5;i8;@;@;$@;@;g;h; i5; o; ;o;; i5;i;o;; i5;i8;@;@;$@;@;2i;A;B;[; i5; o; ;o;; i5;i;o;; i5;i8;@;@;Co; ;@;o;; i5;i;@;@;Do; ;o;; i5;i;@;@;@;@o;9;I"border_highlight; T;:[o; ;o;E ;I" left; T; ;I;G0;@; i6; o; ;o;; i6;i(;o;; i6;i.;@;@;$@o;H;I" color; T;:[o; ;o;E ;I" primary; T; ;I;G0;@; i6; o; ;o;; i6;i6;o;; i6;i?;@;@;$@;;o;J;K{;L{;<0;=0; i6; o; ;o;; i6;i0;o;; i6;i@;@;@;$@;@;;o;J;K{;L{;<0;=0;[; i6; o; ;o;; i6;i;o;; i6;iA;@;@;@; i1; o; ;@>;o;; i1;i;@;@;8T;@; i0; o; ;@*;o;; i0;i;@;@;8T;@;2i; i0; o; ;o;; i0;i ;o;; i0;i;@;@;8T;@; i; o; ;@j;o;; i;i;@;@;8T;@; i ; o; ;@5;o;; i ;i ;@;@;8T;@:@templateI"// Styling for Vertical Nav lists $header_active_border_height: 2px; .nav { &.nav-pills { @extend %card-style; } .nav-item { @include clearfix; font-family: $font-face-regular; font-size: $font-size-300; .nav-item-list { border: 0; height: $header_height; color: color('gray-500'); } .nav-item-list { @include border_highlight("left", transparent); } // For styleguide primary nav icon + text style .nav-item-icon { font-size: $font-size-400; line-height: 20px; vertical-align: bottom; } .nav-item-label { line-height: 20px; } &:hover, &:focus { .nav-item-list { color: color('secondary'); background-color: color('gray-100'); } .nav-item-list { @include border_highlight("left"); } } @at-root #{&}.active { .nav-item-list { color: color('gray-600'); background-color: color('gray-100'); border-top: 1px solid color('gray-300'); border-bottom: 1px solid color('gray-300'); @include border_highlight("left", color("primary")); } } } } ; T; i; o; ;o;; i;i;o;; i;i;@;@;8T;@