{: versionI"3.2.12 (Media Mark):EF:shaI"-0b166757ea3cc4d315f7cb435864ab544cc63d14;F: contents"Yo: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"/* Nav dividers (deprecated with v3.0.1) * * This should have been removed in v3 with the dropping of `.nav-list`, but * we missed it. We don't currently support this anywhere, but in the interest * of maintaining backward compatibility in case you use it, it's deprecated. */; 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;[; iA; @ ; i@;/T; @ ; i;/T; @ o; ;[I"O/* Nav variations * -------------------------------------------------- */; T; ; ;[; iE; @ o; ;[I";/* Justified nav links * ------------------------- */; T; ; ;[; iH; @ o:Sass::Tree::MixinDefNode ;I"nav-justified; T;#[;%0;[o; ;[I" width; T;o;;I" 100%; T; ;; @ ;i; ;!;[; iL; @ 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" none; T; ;; @ ;i; ;!;[; iO; @ o; ;[I"> a; T;i;o;;[o;;[I">; To; ;[o;& ;[I"a; T;'0; iP;I"; T;0;o;;{; iP;@; iP;@;[o; ;[I"text-align; T;o;;I" center; T; ;; @ ;i; ;!;[; iQ; @ o; ;[I"margin-bottom; T;o;;I"5px; T; ;; @ ;i; ;!;[; iR; @ ; iP;/T; @ ; iN;/T; @ o:Sass::Tree::MediaNode : @query[ I"(; To; ;I"min-width; T; ;; iV; @ I": ; To;( ;I"screen-sm-min; T;)I"screen_sm_min; T; iV; @ I"); T;i;I"; T;[o; ;[I" > li; T;i;o;;[o;;[I">; To; ;[o;& ;[I"li; T;'0; iW;I"; T;0;o;;{; iW;@; iW;@;[o; ;[I" display; T;o;;I"table-cell; T; ;; @ ;i; ;!;[; iX; @ o; ;[I" width; T;o;;I"1%; T; ;; @ ;i; ;!;[; iY; @ o; ;[I"> a; T;i;o;;[o;;[I">; To; ;[o;& ;[I"a; T;'0; iZ;I"; T;0;o;;{; iZ;@; iZ;@;[o; ;[I"margin-bottom; T;o;;I"0; T; ;; @ ;i; ;!;[; i[; @ ; iZ;/T; @ ; iW;/T; @ ; iV;/T; @ ; iK;/T; @ o; ;[I" li > a; T;i;o;;[o;;[ I">; To; ;[o;& ;[I"li; T;'0; ie;I"; T;0;o;;{; ie;@I">; To; ;[o;& ;[I"a; T;'0; ie;@;0;o;;{; ie;@; ie;@;[o; ;[I")/* Override margin from .nav-tabs */; T; ; ;[; if; @ o; ;[I"margin-right; T;o;;I"0; T; ;; @ ;i; ;!;[; ig; @ o; ;[I"border-radius; T;o;( ;I"border-radius-base; T;)I"border_radius_base; T; ih; @ ;i; ;!;[; ih; @ ; ie;/T; @ o; ;[I"@> .active > a, > .active > a:hover, > .active > a:focus; T;i;o;;[o;;[ I">; To; ;[o;;[I" active; T; im;I"; T;0;o;;{; im;@+I">; To; ;[o;& ;[I"a; T;'0; im;@+;0;o;;{; im;@+o;;[ I" ; TI">; To; ;[o;;[I" active; T; im;@+;0;o;;{; im;@+I">; To; ;[o;& ;[I"a; T;'0; im;@+o;+ ;,;-;[I" hover; T;.0; im;@+;0;o;;{; im;@+o;;[ I" ; TI">; To; ;[o;;[I" active; T; im;@+;0;o;;{; im;@+I">; To; ;[o;& ;[I"a; T;'0; im;@+o;+ ;,;-;[I" focus; T;.0; im;@+;0;o;;{; im;@+; im;@+;[o; ;[I" border; T;o:Sass::Script::List ;[o:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; in:@originalI"1px; F; @ o; ;I" solid; T; ;; in; @ o;( ;I")nav-tabs-justified-link-border-color; T;)I")nav_tabs_justified_link_border_color; T; in; @ :@separator: space; in; @ ;i; ;!;[; in; @ ; im;/T; @ o; ;[I"/* Prevent IE8 from misplacing imgs * * See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 */; T; ; ;[; iq; @ o; ;[I"> li > a > img; T;i;o;;[o;;[ I">; To; ;[o;& ;[I"li; T;'0; it;I"; T;0;o;;{; it;@I">; To; ;[o;& ;[I"a; T;'0; it;@;0;o;;{; it;@I">; To; ;[o;& ;[I"img; T;'0; it;@;0;o;;{; it;@; it;@;[o; ;[I"max-width; T;o;;I" none; T; ;; @ ;i; ;!;[; iu; @ ; it;/T; @ ; ib;/T; @ o; ;[I",/* Tabs * ------------------------- */; T; ; ;[; iz; @ o; ;[I",/* Give the tabs something to sit on */; T; ; ;[; i}; @ o; ;[I".nav-tabs; T;i;o;;[o;;[o; ;[o;;[I" nav-tabs; T; i~;I"; T;0;o;;{; i~;@; i~;@;[ o; ;[I"border-bottom; T;o;3 ;[o;4 ;i;5[I"px; T;6[; i;7I"1px; F; @ o; ;I" solid; T; ;; i; @ o;( ;I"nav-tabs-border-color; T;)I"nav_tabs_border_color; T; i; @ ;8;9; i; @ ;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" left; T; ;; @ ;i; ;!;[; i|; @ o; ;[I"8/* Make the list-items overlay the bottom border */; T; ; ;[; i}; @ o; ;[I"margin-bottom; T;o;;I" -1px; T; ;; @ ;i; ;!;[; i~; @ o; ;[I"!/* Actual tabs (as links) */; T; ; ;[; i; @ o; ;[I"> a; T;i;o;;[o;;[I">; To; ;[o;& ;[I"a; T;'0; i;I"; T;0;o;;{; i;@; i;@;[ o; ;[I"margin-right; T;o;;I"2px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"line-height; T;o;( ;I"line-height-base; T;)I"line_height_base; T; i; @ ;i; ;!;[; i; @ o; ;[I" border; T;o;;I"1px solid transparent; T; ;; @ ;i; ;!;[; i; @ o; ;[I"border-radius; T;o;3 ;[ o;( ;I"border-radius-base; T;)I"border_radius_base; T; i; @ o;( ;I"border-radius-base; T;)I"border_radius_base; T; i; @ o;4 ;i;5[;6[; i;7I"0; F; @ o;4 ;i;5[;6@; i;7I"0; F; @ ;8;9; i; @ ;i; ;!;[; i; @ o; ;[I" &:hover; T;i;o;;[o;;[o; ;[o;*; i;I"; To;+ ;,;-;[I" hover; T;.0; i;@,;0;o;;{; i;@,; i;@,;[o; ;[I"border-color; T;o;3 ;[o;( ;I"%nav-tabs-link-hover-border-color; T;)I"%nav_tabs_link_hover_border_color; T; i; @ o;( ;I"%nav-tabs-link-hover-border-color; T;)I"%nav_tabs_link_hover_border_color; T; i; @ o;( ;I"nav-tabs-border-color; T;)I"nav_tabs_border_color; T; i; @ ;8;9; i; @ ;i; ;!;[; i; @ ; i;/T; @ ; i;/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;@P;0;o;;{; i;@PI">; To; ;[o;& ;[I"a; T;'0; i;@P;0;o;;{; i;@P; i;@P;[o; ;[I"$&, &:hover, &:focus; T;i;o;;[o;;[o; ;[o;*; i;I"; T;0;o;;{; i;@io;;[I" ; To; ;[o;*; i;@io;+ ;,;-;[I" hover; T;.0; i;@i;0;o;;{; i;@io;;[I" ; To; ;[o;*; i;@io;+ ;,;-;[I" focus; T;.0; i;@i;0;o;;{; i;@i; i;@i;[ o; ;[I" color; T;o;( ;I"%nav-tabs-active-link-hover-color; T;)I"%nav_tabs_active_link_hover_color; T; i; @ ;i; ;!;[; i; @ o; ;[I"background-color; T;o;( ;I""nav-tabs-active-link-hover-bg; T;)I""nav_tabs_active_link_hover_bg; T; i; @ ;i; ;!;[; i; @ o; ;[I" border; T;o;3 ;[o;4 ;i;5[I"px; T;6[; i;7I"1px; F; @ o; ;I" solid; T; ;; i; @ o;( ;I",nav-tabs-active-link-hover-border-color; T;)I",nav_tabs_active_link_hover_border_color; T; i; @ ;8;9; i; @ ;i; ;!;[; i; @ o; ;[I"border-bottom-color; T;o;;I"transparent; T; ;; @ ;i; ;!;[; i; @ o; ;[I" cursor; T;o;;I" default; T; ;; @ ;i; ;!;[; i; @ ; i;/T; @ ; i;/T; @ ; i{;/T; @ o; ;[I"4/* pulling this in mainly for less shorthand */; T; ; ;[; i; @ o; ;[I"&.nav-justified; T;i;o;;[o;;[o; ;[o;*; i;I"; To;;[I"nav-justified; T; i;@;0;o;;{; i;@; i;@;[o;" ;I"nav-justified; T;#[;${;%0;[; i; @ o;" ;I"nav-tabs-justified; T;#[;${;%0;[; i; @ ; i;/T; @ ; i~;/T; @ o; ;[I"-/* Pills * ------------------------- */; T; ; ;[; i; @ o; ;[I".nav-pills; T;i;o;;[o;;[o; ;[o;;[I"nav-pills; T; i;I"; T;0;o;;{; 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" left; T; ;; @ ;i; ;!;[; i; @ o; ;[I""/* Links rendered as pills */; T; ; ;[; i; @ o; ;[I"> a; T;i;o;;[o;;[I">; To; ;[o;& ;[I"a; T;'0; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I"border-radius; T;o;( ;I"nav-pills-border-radius; T;)I"nav_pills_border_radius; T; i; @ ;i; ;!;[; 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"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;@8;0;o;;{; i;@8I">; To; ;[o;& ;[I"a; T;'0; i;@8;0;o;;{; i;@8; i;@8;[o; ;[I"$&, &:hover, &:focus; T;i;o;;[o;;[o; ;[o;*; i;I"; T;0;o;;{; i;@Qo;;[I" ; To; ;[o;*; i;@Qo;+ ;,;-;[I" hover; T;.0; i;@Q;0;o;;{; i;@Qo;;[I" ; To; ;[o;*; i;@Qo;+ ;,;-;[I" focus; T;.0; i;@Q;0;o;;{; i;@Q; i;@Q;[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; @ ; i;/T; @ ; i;/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;@; 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" + 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".nav-justified; T;i;o;;[o;;[o; ;[o;;[I"nav-justified; T; i;I"; T;0;o;;{; i;@; i;@;[o;" ;I"nav-justified; T;#[;${;%0;[; i; @ ; 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;@7o;;[I" ; To; ;[o;;[I"pill-content; T; i;@7;0;o;;{; i;@7; i;@7;[o; ;[I"> .active; T;i;o;;[o;;[I">; To; ;[o;;[I" active; T; i;I"; T;0;o;;{; i;@R; i;@R;[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;@po; ;[o;;[I" caret; T; i;@p;0;o;;{; i;@p; i;@p;[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;@o; ;[o;& ;[I"a; T;'0; i;@o;+ ;,;-;[I" hover; T;.0; i;@;0;o;;{; i;@o; ;[o;;[I" caret; T; i;@;0;o;;{; i;@; i;@;[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;4 ;i;5[;6@; i;7I"0; F; @ ;${;%0;[; i; @ ; i;/T; @ :@templateI"// // 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; } } // Nav dividers (deprecated with v3.0.1) // // This should have been removed in v3 with the dropping of `.nav-list`, but // we missed it. We don't currently support this anywhere, but in the interest // of maintaining backward compatibility in case you use it, it's deprecated. .nav-divider { @include nav-divider(); } } // Nav variations // -------------------------------------------------- // Justified nav links // ------------------------- @mixin nav-justified { width: 100%; > li { float: none; > a { text-align: center; margin-bottom: 5px; } } @media (min-width: $screen-sm-min) { > li { display: table-cell; width: 1%; > a { margin-bottom: 0; } } } } // Move borders to anchors instead of bottom of list @mixin nav-tabs-justified { border-bottom: 0; > li > a { // Override margin from .nav-tabs margin-right: 0; border-radius: $border-radius-base; } > .active > a, > .active > a:hover, > .active > a:focus { border: 1px solid $nav-tabs-justified-link-border-color; } // 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 { @include nav-justified(); @include nav-tabs-justified(); } } // Pills // ------------------------- .nav-pills { > li { float: left; // Links rendered as pills > a { border-radius: $nav-pills-border-radius; } + 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-justified { @include nav-justified; } // 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; @