{: versionI"3.2.12 (Media Mark):EF:shaI"-da9c0938937518ef832c6e9da66ca97c9832e539;F: contents"ZTo:Sass::Tree::RootNode :@children[ o:Sass::Tree::CommentNode : @value[I"H/* * Navs * -------------------------------------------------- */:ET: @type: silent;[: @linei: @options{o; ;[I"K/* Base class * -------------------------------------------------- */; T; ; ;[; i ; @ o:Sass::Tree::RuleNode : @rule[I" .nav; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I"nav; T; i:@filenameI"; T: @subject0: @sourceso:Set: @hash{; i;@; i;@;[o:Sass::Tree::PropNode ;[I"margin-bottom; T;o:Sass::Script::String;I"0; T; :identifier; @ ;i:@prop_syntax:new;[; i; @ o; ;[I"padding-left; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"!/* Override default ul/ol */; T; ; ;[; i; @ o; ;[I"list-style; T;o;;I" none; T; ;; @ ;i; ;!;[; i; @ o:Sass::Tree::MixinNode ;I" clearfix; T: @args[:@keywords{: @splat0;[; i; @ o; ;[I" > li; T;i;o;;[o;;[I">; To; ;[o:Sass::Selector::Element ;[I"li; T:@namespace0; i;I"; T;0;o;;{; i;@H; i;@H;[ o; ;[I" position; T;o;;I" relative; T; ;; @ ;i; ;!;[; i; @ o; ;[I" display; T;o;;I" block; T; ;; @ ;i; ;!;[; i; @ o; ;[I"> a; T;i;o;;[o;;[I">; To; ;[o;& ;[I"a; T;'0; i;I"; T;0;o;;{; i;@e; i;@e;[ o; ;[I" position; T;o;;I" relative; T; ;; @ ;i; ;!;[; i; @ o; ;[I" display; T;o;;I" block; T; ;; @ ;i; ;!;[; i; @ o; ;[I" padding; T;o:Sass::Script::Variable ;I"nav-link-padding; T:@underscored_nameI"nav_link_padding; T; i; @ ;i; ;!;[; i; @ o; ;[I"&:hover, &:focus; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i;I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover; T: @arg0; i;@;0;o;;{; i;@o;;[I" ; To; ;[o;*; i;@o;+ ;,;-;[I" focus; T;.0; i;@;0;o;;{; i;@; i;@;[o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; i; @ o; ;[I"background-color; T;o;( ;I"nav-link-hover-bg; T;)I"nav_link_hover_bg; T; i; @ ;i; ;!;[; i; @ ; i:@has_childrenT; @ ; i;/T; @ o; ;[I"G/* Disabled state sets text to gray and nukes hover/tab effects */; T; ; ;[; i#; @ o; ;[I"&.disabled > a; T;i;o;;[o;;[o; ;[o;*; i$;I"; To;;[I" disabled; T; i$;@;0;o;;{; i$;@I">; To; ;[o;& ;[I"a; T;'0; i$;@;0;o;;{; i$;@; i$;@;[o; ;[I" color; T;o;( ;I"nav-disabled-link-color; T;)I"nav_disabled_link_color; T; i%; @ ;i; ;!;[; i%; @ o; ;[I"&:hover, &:focus; T;i;o;;[o;;[o; ;[o;*; i(;I"; To;+ ;,;-;[I" hover; T;.0; i(;@;0;o;;{; i(;@o;;[I" ; To; ;[o;*; i(;@o;+ ;,;-;[I" focus; T;.0; i(;@;0;o;;{; i(;@; i(;@;[ o; ;[I" color; T;o;( ;I""nav-disabled-link-hover-color; T;)I""nav_disabled_link_hover_color; T; i); @ ;i; ;!;[; i); @ o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; i*; @ o; ;[I"background-color; T;o;;I"transparent; T; ;; @ ;i; ;!;[; i+; @ o; ;[I" cursor; T;o;;I"not-allowed; T; ;; @ ;i; ;!;[; i,; @ ; i(;/T; @ ; i$;/T; @ ; i;/T; @ o; ;[I"/* Open dropdowns */; T; ; ;[; i1; @ o; ;[I".open > a; T;i;o;;[o;;[o; ;[o;;[I" open; T; i2;I"; T;0;o;;{; i2;@ I">; To; ;[o;& ;[I"a; T;'0; i2;@ ;0;o;;{; i2;@ ; i2;@ ;[o; ;[I" &, &:hover, &:focus; T;i;o;;[o;;[o; ;[o;*; i5;I"; T;0;o;;{; i5;@o;;[I" ; To; ;[o;*; i5;@o;+ ;,;-;[I" hover; T;.0; i5;@;0;o;;{; i5;@o;;[I" ; To; ;[o;*; i5;@o;+ ;,;-;[I" focus; T;.0; i5;@;0;o;;{; i5;@; i5;@;[o; ;[I"background-color; T;o;( ;I"nav-link-hover-bg; T;)I"nav_link_hover_bg; T; i6; @ ;i; ;!;[; i6; @ o; ;[I"border-color; T;o;( ;I"link-color; T;)I"link_color; T; i7; @ ;i; ;!;[; i7; @ ; i5;/T; @ ; i2;/T; @ o; ;[I"9/* Dividers (basically an hr) within the dropdown */; T; ; ;[; i;; @ o; ;[I".nav-divider; T;i;o;;[o;;[o; ;[o;;[I"nav-divider; T; i<;I"; T;0;o;;{; i<;@W; i<;@W;[o;" ;I"nav-divider; T;#[;${;%0;[; i=; @ ; i<;/T; @ o; ;[I"|/* Prevent IE8 from misplacing imgs * See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 */; T; ; ;[; i@; @ o; ;[I"> li > a > img; T;i;o;;[o;;[ I">; To; ;[o;& ;[I"li; T;'0; iB;I"; T;0;o;;{; iB;@qI">; To; ;[o;& ;[I"a; T;'0; iB;@q;0;o;;{; iB;@qI">; To; ;[o;& ;[I"img; T;'0; iB;@q;0;o;;{; iB;@q; iB;@q;[o; ;[I"max-width; T;o;;I" none; T; ;; @ ;i; ;!;[; iC; @ ; iB;/T; @ ; i;/T; @ o; ;[I",/* Tabs * ------------------------- */; T; ; ;[; iH; @ o; ;[I",/* Give the tabs something to sit on */; T; ; ;[; iK; @ o; ;[I".nav-tabs; T;i;o;;[o;;[o; ;[o;;[I" nav-tabs; T; iL;I"; T;0;o;;{; iL;@; iL;@;[ o; ;[I"border-bottom; T;o:Sass::Script::List ;[o:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; iM:@originalI"1px; F; @ o; ;I" solid; T; ;; iM; @ o;( ;I"nav-tabs-border-color; T;)I"nav_tabs_border_color; T; iM; @ :@separator: space; iM; @ ;i; ;!;[; iM; @ o; ;[I" > li; T;i;o;;[o;;[I">; To; ;[o;& ;[I"li; T;'0; iN;I"; T;0;o;;{; iN;@; iN;@;[ o; ;[I" float; T;o;;I" left; T; ;; @ ;i; ;!;[; iO; @ o; ;[I"8/* Make the list-items overlay the bottom border */; T; ; ;[; iP; @ o; ;[I"margin-bottom; T;o;;I" -1px; T; ;; @ ;i; ;!;[; iQ; @ o; ;[I"!/* Actual tabs (as links) */; T; ; ;[; iS; @ o; ;[I"> a; T;i;o;;[o;;[I">; To; ;[o;& ;[I"a; T;'0; iT;I"; T;0;o;;{; iT;@; iT;@;[ o; ;[I"margin-right; T;o;;I"2px; T; ;; @ ;i; ;!;[; iU; @ o; ;[I"line-height; T;o;( ;I"line-height-base; T;)I"line_height_base; T; iV; @ ;i; ;!;[; iV; @ o; ;[I" border; T;o;;I"1px solid transparent; T; ;; @ ;i; ;!;[; iW; @ o; ;[I"border-radius; T;o;0 ;[ o;( ;I"border-radius-base; T;)I"border_radius_base; T; iX; @ o;( ;I"border-radius-base; T;)I"border_radius_base; T; iX; @ o;1 ;i;2[;3[; iX;4I"0; F; @ o;1 ;i;2[;3@ ; iX;4I"0; F; @ ;5;6; iX; @ ;i; ;!;[; iX; @ o; ;[I" &:hover; T;i;o;;[o;;[o; ;[o;*; iY;I"; To;+ ;,;-;[I" hover; T;.0; iY;@;0;o;;{; iY;@; iY;@;[o; ;[I"border-color; T;o;0 ;[o;( ;I"%nav-tabs-link-hover-border-color; T;)I"%nav_tabs_link_hover_border_color; T; iZ; @ o;( ;I"%nav-tabs-link-hover-border-color; T;)I"%nav_tabs_link_hover_border_color; T; iZ; @ o;( ;I"nav-tabs-border-color; T;)I"nav_tabs_border_color; T; iZ; @ ;5;6; iZ; @ ;i; ;!;[; iZ; @ ; iY;/T; @ ; iT;/T; @ o; ;[I"B/* Active state, and it's :hover to override normal :hover */; T; ; ;[; i^; @ o; ;[I"&.active > a; T;i;o;;[o;;[o; ;[o;*; i_;I"; To;;[I" active; T; i_;@=;0;o;;{; i_;@=I">; To; ;[o;& ;[I"a; T;'0; i_;@=;0;o;;{; i_;@=; i_;@=;[o; ;[I"$&, &:hover, &:focus; T;i;o;;[o;;[o; ;[o;*; ib;I"; T;0;o;;{; ib;@Vo;;[I" ; To; ;[o;*; ib;@Vo;+ ;,;-;[I" hover; T;.0; ib;@V;0;o;;{; ib;@Vo;;[I" ; To; ;[o;*; ib;@Vo;+ ;,;-;[I" focus; T;.0; ib;@V;0;o;;{; ib;@V; ib;@V;[ o; ;[I" color; T;o;( ;I"%nav-tabs-active-link-hover-color; T;)I"%nav_tabs_active_link_hover_color; T; ic; @ ;i; ;!;[; ic; @ o; ;[I"background-color; T;o;( ;I""nav-tabs-active-link-hover-bg; T;)I""nav_tabs_active_link_hover_bg; T; id; @ ;i; ;!;[; id; @ o; ;[I" border; T;o;0 ;[o;1 ;i;2[I"px; T;3[; ie;4I"1px; F; @ o; ;I" solid; T; ;; ie; @ o;( ;I",nav-tabs-active-link-hover-border-color; T;)I",nav_tabs_active_link_hover_border_color; T; ie; @ ;5;6; ie; @ ;i; ;!;[; ie; @ o; ;[I"border-bottom-color; T;o;;I"transparent; T; ;; @ ;i; ;!;[; if; @ o; ;[I" cursor; T;o;;I" default; T; ;; @ ;i; ;!;[; ig; @ ; ib;/T; @ ; i_;/T; @ ; iN;/T; @ o; ;[I"4/* pulling this in mainly for less shorthand */; T; ; ;[; ik; @ o; ;[I"&.nav-justified; T;i;o;;[o;;[o; ;[o;*; il;I"; To;;[I"nav-justified; T; il;@;0;o;;{; il;@; il;@;[o:Sass::Tree::ExtendNode :@selector[I".; TI"nav-justified; T:@optionalF;[; im; @ o;7 ;8[I".; TI"nav-tabs-justified; T;9F;[; in; @ ; il;/T; @ ; iL;/T; @ o; ;[I"-/* Pills * ------------------------- */; T; ; ;[; is; @ o; ;[I".nav-pills; T;i;o;;[o;;[o; ;[o;;[I"nav-pills; T; iu;I"; T;0;o;;{; iu;@; iu;@;[o; ;[I" > li; T;i;o;;[o;;[I">; To; ;[o;& ;[I"li; T;'0; iv;I"; T;0;o;;{; iv;@; iv;@;[ o; ;[I" float; T;o;;I" left; T; ;; @ ;i; ;!;[; iw; @ o; ;[I""/* Links rendered as pills */; T; ; ;[; iy; @ o; ;[I"> a; T;i;o;;[o;;[I">; To; ;[o;& ;[I"a; T;'0; iz;I"; T;0;o;;{; iz;@; iz;@;[o; ;[I"border-radius; T;o;;I"5px; T; ;; @ ;i; ;!;[; i{; @ ; iz;/T; @ o; ;[I" + li; T;i;o;;[o;;[I"+; To; ;[o;& ;[I"li; T;'0; i};I"; T;0;o;;{; i};@ ; i};@ ;[o; ;[I"margin-left; T;o;;I"2px; T; ;; @ ;i; ;!;[; i~; @ ; i};/T; @ o; ;[I"/* Active state */; T; ; ;[; i|; @ o; ;[I"&.active > a; T;i;o;;[o;;[o; ;[o;*; i};I"; To;;[I" active; T; i};@$;0;o;;{; i};@$I">; To; ;[o;& ;[I"a; T;'0; i};@$;0;o;;{; i};@$; i};@$;[o; ;[I"$&, &:hover, &:focus; T;i;o;;[o;;[o; ;[o;*; i;I"; T;0;o;;{; i;@=o;;[I" ; To; ;[o;*; i;@=o;+ ;,;-;[I" hover; T;.0; i;@=;0;o;;{; i;@=o;;[I" ; To; ;[o;*; i;@=o;+ ;,;-;[I" focus; T;.0; i;@=;0;o;;{; i;@=; i;@=;[o; ;[I" color; T;o;( ;I"&nav-pills-active-link-hover-color; T;)I"&nav_pills_active_link_hover_color; T; i; @ ;i; ;!;[; i; @ o; ;[I"background-color; T;o;( ;I"#nav-pills-active-link-hover-bg; T;)I"#nav_pills_active_link_hover_bg; T; i; @ ;i; ;!;[; i; @ ; i;/T; @ ; i};/T; @ ; iv;/T; @ ; iu;/T; @ o; ;[I"/* Stacked pills */; T; ; ;[; i; @ o; ;[I".nav-stacked; T;i;o;;[o;;[o; ;[o;;[I"nav-stacked; T; i;I"; T;0;o;;{; i;@u; i;@u;[o; ;[I" > li; T;i;o;;[o;;[I">; To; ;[o;& ;[I"li; T;'0; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" float; T;o;;I" none; T; ;; @ ;i; ;!;[; i; @ o; ;[I" + li; T;i;o;;[o;;[I"+; To; ;[o;& ;[I"li; T;'0; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I"margin-top; T;o;;I"2px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-left; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"1/* no need for this gap between nav items */; T; ; ;[; i; @ ; i;/T; @ ; i;/T; @ ; i;/T; @ o; ;[I"O/* Nav variations * -------------------------------------------------- */; T; ; ;[; i; @ o; ;[I";/* Justified nav links * ------------------------- */; T; ; ;[; i; @ o; ;[I".nav-justified; T;i;o;;[o;;[o; ;[o;;[I"nav-justified; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" width; T;o;;I" 100%; T; ;; @ ;i; ;!;[; i; @ o; ;[I" > li; T;i;o;;[o;;[I">; To; ;[o;& ;[I"li; T;'0; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" float; T;o;;I" none; T; ;; @ ;i; ;!;[; i; @ o; ;[I"> a; T;i;o;;[o;;[I">; To; ;[o;& ;[I"a; T;'0; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I"text-align; T;o;;I" center; T; ;; @ ;i; ;!;[; i; @ ; i;/T; @ ; i;/T; @ o:Sass::Tree::MediaNode : @query[ I"(; To; ;I"min-width; T; ;; i; @ I": ; To;( ;I"screen-sm; T;)I"screen_sm; T; i; @ I"); T;i;I"; T;[o; ;[I" > li; T;i;o;;[o;;[I">; To; ;[o;& ;[I"li; T;'0; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" display; T;o;;I"table-cell; T; ;; @ ;i; ;!;[; i; @ o; ;[I" width; T;o;;I"1%; T; ;; @ ;i; ;!;[; i; @ ; i;/T; @ ; i;/T; @ ; i;/T; @ o; ;[I" li > a; T;i;o;;[o;;[ I">; To; ;[o;& ;[I"li; T;'0; i;I"; T;0;o;;{; i;@MI">; To; ;[o;& ;[I"a; T;'0; i;@M;0;o;;{; i;@M; i;@M;[o; ;[I"border-bottom; T;o;0 ;[o;1 ;i;2[I"px; T;3[; i;4I"1px; F; @ o; ;I" solid; T; ;; i; @ o;( ;I")nav-tabs-justified-link-border-color; T;)I")nav_tabs_justified_link_border_color; T; i; @ ;5;6; i; @ ;i; ;!;[; i; @ o; ;[I")/* Override margin from .nav-tabs */; T; ; ;[; i; @ o; ;[I"margin-right; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ ; i;/T; @ o; ;[I"> .active > a; T;i;o;;[o;;[ I">; To; ;[o;;[I" active; T; i;I"; T;0;o;;{; i;@I">; To; ;[o;& ;[I"a; T;'0; i;@;0;o;;{; i;@; i;@;[o; ;[I"border-bottom-color; T;o;( ;I"0nav-tabs-justified-active-link-border-color; T;)I"0nav_tabs_justified_active_link_border_color; T; i; @ ;i; ;!;[; i; @ ; i;/T; @ ; i;/T; @ o; ;[I"5/* Tabbable tabs * ------------------------- */; T; ; ;[; i; @ o; ;[I"/* Clear any floats */; T; ; ;[; i; @ o; ;[I".tabbable; T;i;o;;[o;;[o; ;[o;;[I" tabbable; T; i;I"; T;0;o;;{; i;@; i;@;[o;" ;I" clearfix; T;#[;${;%0;[; i; @ ; i;/T; @ o; ;[I"#/* Show/hide tabbable areas */; T; ; ;[; i; @ o; ;[I"9.tab-content > .tab-pane, .pill-content > .pill-pane; T;i;o;;[o;;[o; ;[o;;[I"tab-content; T; i;I"; T;0;o;;{; i;@I">; To; ;[o;;[I" tab-pane; T; i;@;0;o;;{; i;@o;;[ I" ; To; ;[o;;[I"pill-content; T; i;@;0;o;;{; i;@I">; To; ;[o;;[I"pill-pane; T; i;@;0;o;;{; i;@; i;@;[o; ;[I" display; T;o;;I" none; T; ;; @ ;i; ;!;[; i; @ ; i;/T; @ o; ;[I" .tab-content, .pill-content; T;i;o;;[o;;[o; ;[o;;[I"tab-content; T; i;I"; T;0;o;;{; i;@o;;[I" ; To; ;[o;;[I"pill-content; T; i;@;0;o;;{; i;@; i;@;[o; ;[I"> .active; T;i;o;;[o;;[I">; To; ;[o;;[I" active; T; i;I"; T;0;o;;{; i;@ ; i;@ ;[o; ;[I" display; T;o;;I" block; T; ;; @ ;i; ;!;[; i; @ ; i;/T; @ ; i;/T; @ o; ;[I"1/* Dropdowns * ------------------------- */; T; ; ;[; i; @ o; ;[I"6/* Make dropdown carets use link color in navs */; T; ; ;[; i; @ o; ;[I".nav .caret; T;i;o;;[o;;[o; ;[o;;[I"nav; T; i;I"; T;0;o;;{; i;@)o; ;[o;;[I" caret; T; i;@);0;o;;{; i;@); i;@);[o; ;[I"border-top-color; T;o;( ;I"link-color; T;)I"link_color; T; i; @ ;i; ;!;[; i; @ o; ;[I"border-bottom-color; T;o;( ;I"link-color; T;)I"link_color; T; i; @ ;i; ;!;[; i; @ ; i;/T; @ o; ;[I".nav a:hover .caret; T;i;o;;[o;;[o; ;[o;;[I"nav; T; i;I"; T;0;o;;{; i;@No; ;[o;& ;[I"a; T;'0; i;@No;+ ;,;-;[I" hover; T;.0; i;@N;0;o;;{; i;@No; ;[o;;[I" caret; T; i;@N;0;o;;{; i;@N; i;@N;[o; ;[I"border-top-color; T;o;( ;I"link-hover-color; T;)I"link_hover_color; T; i; @ ;i; ;!;[; i; @ o; ;[I"border-bottom-color; T;o;( ;I"link-hover-color; T;)I"link_hover_color; T; i; @ ;i; ;!;[; i; @ ; i;/T; @ o; ;[I"/* Specific dropdowns */; T; ; ;[; i; @ o; ;[I".nav-tabs .dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I" nav-tabs; T; i;I"; T;0;o;;{; i;@o; ;[o;;[I"dropdown-menu; T; i;@;0;o;;{; i;@; i;@;[ o; ;[I"2/* make dropdown border overlap tab border */; T; ; ;[; i; @ o; ;[I"margin-top; T;o;;I" -1px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"X/* Remove the top rounded corners here since there is a hard edge above the menu */; T; ; ;[; i; @ o;" ;I"border-top-radius; T;#[o;1 ;i;2[;3@ ; i;4I"0; F; @ ;${;%0;[; i; @ ; i;/T; @ :@templateI"J// // Navs // -------------------------------------------------- // Base class // -------------------------------------------------- .nav { margin-bottom: 0; padding-left: 0; // Override default ul/ol list-style: none; @include clearfix(); > li { position: relative; display: block; > a { position: relative; display: block; padding: $nav-link-padding; &:hover, &:focus { text-decoration: none; background-color: $nav-link-hover-bg; } } // Disabled state sets text to gray and nukes hover/tab effects &.disabled > a { color: $nav-disabled-link-color; &:hover, &:focus { color: $nav-disabled-link-hover-color; text-decoration: none; background-color: transparent; cursor: not-allowed; } } } // Open dropdowns .open > a { &, &:hover, &:focus { background-color: $nav-link-hover-bg; border-color: $link-color; } } // Dividers (basically an hr) within the dropdown .nav-divider { @include nav-divider(); } // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 > li > a > img { max-width: none; } } // Tabs // ------------------------- // Give the tabs something to sit on .nav-tabs { border-bottom: 1px solid $nav-tabs-border-color; > li { float: left; // Make the list-items overlay the bottom border margin-bottom: -1px; // Actual tabs (as links) > a { margin-right: 2px; line-height: $line-height-base; border: 1px solid transparent; border-radius: $border-radius-base $border-radius-base 0 0; &:hover { border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color; } } // Active state, and it's :hover to override normal :hover &.active > a { &, &:hover, &:focus { color: $nav-tabs-active-link-hover-color; background-color: $nav-tabs-active-link-hover-bg; border: 1px solid $nav-tabs-active-link-hover-border-color; border-bottom-color: transparent; cursor: default; } } } // pulling this in mainly for less shorthand &.nav-justified { @extend .nav-justified; @extend .nav-tabs-justified; } } // Pills // ------------------------- .nav-pills { > li { float: left; // Links rendered as pills > a { border-radius: 5px; } + li { margin-left: 2px; } // Active state &.active > a { &, &:hover, &:focus { color: $nav-pills-active-link-hover-color; background-color: $nav-pills-active-link-hover-bg; } } } } // Stacked pills .nav-stacked { > li { float: none; + li { margin-top: 2px; margin-left: 0; // no need for this gap between nav items } } } // Nav variations // -------------------------------------------------- // Justified nav links // ------------------------- .nav-justified { width: 100%; > li { float: none; > a { text-align: center; } } @media (min-width: $screen-sm) { > li { display: table-cell; width: 1%; } } } // Move borders to anchors instead of bottom of list .nav-tabs-justified { border-bottom: 0; > li > a { border-bottom: 1px solid $nav-tabs-justified-link-border-color; // Override margin from .nav-tabs margin-right: 0; } > .active > a { border-bottom-color: $nav-tabs-justified-active-link-border-color; } } // Tabbable tabs // ------------------------- // Clear any floats .tabbable { @include clearfix(); } // Show/hide tabbable areas .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content, .pill-content { > .active { display: block; } } // Dropdowns // ------------------------- // Make dropdown carets use link color in navs .nav .caret { border-top-color: $link-color; border-bottom-color: $link-color; } .nav a:hover .caret { border-top-color: $link-hover-color; border-bottom-color: $link-hover-color; } // Specific dropdowns .nav-tabs .dropdown-menu { // make dropdown border overlap tab border margin-top: -1px; // Remove the top rounded corners here since there is a hard edge above the menu @include border-top-radius(0); } ; T; i;/T; @