{: versionI"3.2.19 (Media Mark):EF:shaI"-20f725cbc77cd1bbadfb034e3d44629a061bc8f5;F: contents"Uo:Sass::Tree::RootNode :@children[&o:Sass::Tree::CommentNode : @value[I"R/* * Dropdown menus * -------------------------------------------------- */:ET: @type: silent;[: @linei: @options{o; ;[I"/* Dropdown arrow/caret */; T; ; ;[; i ; @ o:Sass::Tree::RuleNode : @rule[I" .caret; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I" caret; T; i :@filenameI"; T: @subject0: @sourceso:Set: @hash{; i ;@; i ;@;[ o:Sass::Tree::PropNode ;[I" display; T;o:Sass::Script::String;I"inline-block; T; :identifier; @ ;i:@prop_syntax:new;[; i ; @ o; ;[I" width; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" height; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-left; T;o;;I"2px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"vertical-align; T;o;;I" middle; T; ;; @ ;i; ;!;[; i; @ o; ;[I"border-top; T;o:Sass::Script::List ;[o:Sass::Script::Variable ;I"caret-width-base; T:@underscored_nameI"caret_width_base; T; i; @ o; ;I" solid; T; ;; i; @ :@separator: space; i; @ ;i; ;!;[; i; @ o; ;[I"border-right; T;o;" ;[o;# ;I"caret-width-base; T;$I"caret_width_base; T; i; @ o; ;I" solid; T; ;; i; @ o; ;I"transparent; T; ;; i; @ ;%;&; i; @ ;i; ;!;[; i; @ o; ;[I"border-left; T;o;" ;[o;# ;I"caret-width-base; T;$I"caret_width_base; T; i; @ o; ;I" solid; T; ;; i; @ o; ;I"transparent; T; ;; i; @ ;%;&; i; @ ;i; ;!;[; i; @ ; i :@has_childrenT; @ o; ;[I"%/* The dropdown wrapper (div) */; T; ; ;[; i; @ o; ;[I".dropdown; T;i;o;;[o;;[o; ;[o;;[I" dropdown; T; i;I"; T;0;o;;{; i;@s; i;@s;[o; ;[I" position; T;o;;I" relative; T; ;; @ ;i; ;!;[; i; @ ; i;'T; @ o; ;[I"J/* Prevent the focus on the dropdown toggle when closing dropdowns */; T; ; ;[; i; @ o; ;[I".dropdown-toggle:focus; T;i;o;;[o;;[o; ;[o;;[I"dropdown-toggle; T; i;I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" focus; T: @arg0; i;@;0;o;;{; i;@; i;@;[o; ;[I" outline; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ ; i;'T; @ o; ;[I"!/* The dropdown menu (ul) */; T; ; ;[; i!; @ o; ;[I".dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I"dropdown-menu; T; i";I"; T;0;o;;{; i";@; i";@;[!o; ;[I" position; T;o;;I" absolute; T; ;; @ ;i; ;!;[; i#; @ o; ;[I"top; T;o;;I" 100%; T; ;; @ ;i; ;!;[; i$; @ o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; i%; @ o; ;[I" z-index; T;o;# ;I"zindex-dropdown; T;$I"zindex_dropdown; T; i&; @ ;i; ;!;[; i&; @ o; ;[I" display; T;o;;I" none; T; ;; @ ;i; ;!;[; i'; @ o; ;[I";/* none by default, but block on "open" of the menu */; T; ; ;[; i'; @ o; ;[I" float; T;o;;I" left; T; ;; @ ;i; ;!;[; i(; @ o; ;[I"min-width; T;o;;I" 160px; T; ;; @ ;i; ;!;[; i); @ o; ;[I" padding; T;o;;I" 5px 0; T; ;; @ ;i; ;!;[; i*; @ o; ;[I" margin; T;o;;I" 2px 0 0; T; ;; @ ;i; ;!;[; i+; @ o; ;[I"/* override default ul */; T; ; ;[; i+; @ o; ;[I"list-style; T;o;;I" none; T; ;; @ ;i; ;!;[; i,; @ o; ;[I"font-size; T;o;# ;I"font-size-base; T;$I"font_size_base; T; i-; @ ;i; ;!;[; i-; @ o; ;[I"text-align; T;o;;I" left; T; ;; @ ;i; ;!;[; i.; @ o; ;[I"Q/* Ensures proper alignment if parent has it changed (e.g., modal footer) */; T; ; ;[; i.; @ o; ;[I"background-color; T;o;# ;I"dropdown-bg; T;$I"dropdown_bg; T; i/; @ ;i; ;!;[; i/; @ o; ;[I" border; T;o;" ;[o:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i0:@originalI"1px; F; @ o; ;I" solid; T; ;; i0; @ o;# ;I"dropdown-fallback-border; T;$I"dropdown_fallback_border; T; i0; @ ;%;&; i0; @ ;i; ;!;[; i0; @ o; ;[I"/* IE8 fallback */; T; ; ;[; i0; @ o; ;[I" border; T;o;" ;[o;, ;i;-[I"px; T;.[; i1;/I"1px; F; @ o; ;I" solid; T; ;; i1; @ o;# ;I"dropdown-border; T;$I"dropdown_border; T; i1; @ ;%;&; i1; @ ;i; ;!;[; i1; @ o; ;[I"border-radius; T;o;# ;I"border-radius-base; T;$I"border_radius_base; T; i2; @ ;i; ;!;[; i2; @ o:Sass::Tree::MixinNode ;I"box-shadow; T: @args[o;" ;[ o;, ;i;-[;.[; i3;/I"0; F; @ o;, ;i ;-[I"px; T;.[; i3;/I"6px; F; @ o;, ;i;-[I"px; T;.[; i3;/I" 12px; F; @ o:Sass::Script::Funcall ;I" rgba; T;1[ o;, ;i;-[;.@8; i3;/I"0; F; @ o;, ;i;-[;.@8; i3;/I"0; F; @ o;, ;i;-[;.@8; i3;/I"0; F; @ o;, ;f 0.175;-[;.@8; i3;/I" 0.175; F; @ :@keywords{: @splat0; i3; @ ;%;&; i3; @ ;3{;40;[; i3; @ o; ;[I"background-clip; T;o;;I"padding-box; T; ;; @ ;i; ;!;[; i4; @ o; ;[I"l/* Aligns the dropdown menu to right * * Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` */; T; ; ;[; i6; @ o; ;[I"&.pull-right; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i9;I"; To;;[I"pull-right; T; i9;@k;0;o;;{; i9;@k; i9;@k;[o; ;[I" right; T;o;;I"0; T; ;; @ ;i; ;!;[; i:; @ o; ;[I" left; T;o;;I" auto; T; ;; @ ;i; ;!;[; i;; @ ; i9;'T; @ o; ;[I"9/* Dividers (basically an hr) within the dropdown */; T; ; ;[; i>; @ o; ;[I" .divider; T;i;o;;[o;;[o; ;[o;;[I" divider; T; i?;I"; T;0;o;;{; i?;@; i?;@;[o;0 ;I"nav-divider; T;1[o;# ;I"dropdown-divider-bg; T;$I"dropdown_divider_bg; T; i@; @ ;3{;40;[; i@; @ ; i?;'T; @ o; ;[I")/* Links within the dropdown menu */; T; ; ;[; iC; @ o; ;[I" > li > a; T;i;o;;[o;;[ I">; To; ;[o:Sass::Selector::Element ;[I"li; T:@namespace0; iD;I"; T;0;o;;{; iD;@I">; To; ;[o;6 ;[I"a; T;70; iD;@;0;o;;{; iD;@; iD;@;[ o; ;[I" display; T;o;;I" block; T; ;; @ ;i; ;!;[; iE; @ o; ;[I" padding; T;o;;I" 3px 20px; T; ;; @ ;i; ;!;[; iF; @ o; ;[I" clear; T;o;;I" both; T; ;; @ ;i; ;!;[; iG; @ o; ;[I"font-weight; T;o;;I" normal; T; ;; @ ;i; ;!;[; iH; @ o; ;[I"line-height; T;o;# ;I"line-height-base; T;$I"line_height_base; T; iI; @ ;i; ;!;[; iI; @ o; ;[I" color; T;o;# ;I"dropdown-link-color; T;$I"dropdown_link_color; T; iJ; @ ;i; ;!;[; iJ; @ o; ;[I"white-space; T;o;;I" nowrap; T; ;; @ ;i; ;!;[; iK; @ o; ;[I">/* prevent links from randomly breaking onto new lines */; T; ; ;[; iK; @ ; iD;'T; @ ; i";'T; @ o; ;[I"/* Hover/Focus state */; T; ; ;[; iO; @ o; ;[I".dropdown-menu > li > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; iP;I"; T;0;o;;{; iP;@I">; To; ;[o;6 ;[I"li; T;70; iP;@;0;o;;{; iP;@I">; To; ;[o;6 ;[I"a; T;70; iP;@;0;o;;{; iP;@; iP;@;[o; ;[I"&:hover, &:focus; T;i;o;;[o;;[o; ;[o;5; iR;I"; To;( ;);*;[I" hover; T;+0; iR;@;0;o;;{; iR;@o;;[I" ; To; ;[o;5; iR;@o;( ;);*;[I" focus; T;+0; iR;@;0;o;;{; iR;@; iR;@;[o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; iS; @ o; ;[I" color; T;o;# ;I"dropdown-link-hover-color; T;$I"dropdown_link_hover_color; T; iT; @ ;i; ;!;[; iT; @ o; ;[I"background-color; T;o;# ;I"dropdown-link-hover-bg; T;$I"dropdown_link_hover_bg; T; iU; @ ;i; ;!;[; iU; @ ; iR;'T; @ ; iP;'T; @ o; ;[I"/* Active state */; T; ; ;[; iY; @ o; ;[I"!.dropdown-menu > .active > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; iZ;I"; T;0;o;;{; iZ;@KI">; To; ;[o;;[I" active; T; iZ;@K;0;o;;{; iZ;@KI">; To; ;[o;6 ;[I"a; T;70; iZ;@K;0;o;;{; iZ;@K; iZ;@K;[o; ;[I"&, &:hover, &:focus; T;i;o;;[o;;[o; ;[o;5; i];I"; T;0;o;;{; i];@io;;[I" ; To; ;[o;5; i];@io;( ;);*;[I" hover; T;+0; i];@i;0;o;;{; i];@io;;[I" ; To; ;[o;5; i];@io;( ;);*;[I" focus; T;+0; i];@i;0;o;;{; i];@i; i];@i;[ o; ;[I" color; T;o;# ;I"dropdown-link-active-color; T;$I"dropdown_link_active_color; T; i^; @ ;i; ;!;[; i^; @ o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; i_; @ o; ;[I" outline; T;o;;I"0; T; ;; @ ;i; ;!;[; i`; @ o; ;[I"background-color; T;o;# ;I"dropdown-link-active-bg; T;$I"dropdown_link_active_bg; T; ia; @ ;i; ;!;[; ia; @ ; i];'T; @ ; iZ;'T; @ o; ;[I"[/* Disabled state * * Gray out text and ensure the hover/focus state remains gray */; T; ; ;[; ie; @ o; ;[I"#.dropdown-menu > .disabled > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; ii;I"; T;0;o;;{; ii;@I">; To; ;[o;;[I" disabled; T; ii;@;0;o;;{; ii;@I">; To; ;[o;6 ;[I"a; T;70; ii;@;0;o;;{; ii;@; ii;@;[o; ;[I"&, &:hover, &:focus; T;i;o;;[o;;[o; ;[o;5; il;I"; T;0;o;;{; il;@o;;[I" ; To; ;[o;5; il;@o;( ;);*;[I" hover; T;+0; il;@;0;o;;{; il;@o;;[I" ; To; ;[o;5; il;@o;( ;);*;[I" focus; T;+0; il;@;0;o;;{; il;@; il;@;[o; ;[I" color; T;o;# ;I"!dropdown-link-disabled-color; T;$I"!dropdown_link_disabled_color; T; im; @ ;i; ;!;[; im; @ ; il;'T; @ ; ii;'T; @ o; ;[I"#/* Nuke hover/focus effects */; T; ; ;[; ip; @ o; ;[I"#.dropdown-menu > .disabled > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; iq;I"; T;0;o;;{; iq;@I">; To; ;[o;;[I" disabled; T; iq;@;0;o;;{; iq;@I">; To; ;[o;6 ;[I"a; T;70; iq;@;0;o;;{; iq;@; iq;@;[o; ;[I"&:hover, &:focus; T;i;o;;[o;;[o; ;[o;5; is;I"; To;( ;);*;[I" hover; T;+0; is;@;0;o;;{; is;@o;;[I" ; To; ;[o;5; is;@o;( ;);*;[I" focus; T;+0; is;@;0;o;;{; is;@; is;@;[ o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; it; @ o; ;[I"background-color; T;o;;I"transparent; T; ;; @ ;i; ;!;[; iu; @ o; ;[I"background-image; T;o;;I" none; T; ;; @ ;i; ;!;[; iv; @ o; ;[I"/* Remove CSS gradient */; T; ; ;[; iv; @ o;0 ;I"reset-filter; T;1[;3{;40;[; iw; @ o; ;[I" cursor; T;o;;I"not-allowed; T; ;; @ ;i; ;!;[; ix; @ ; is;'T; @ ; iq;'T; @ o; ;[I"&/* Open state for the dropdown */; T; ; ;[; i|; @ o; ;[I" .open; T;i;o;;[o;;[o; ;[o;;[I" open; T; i};I"; T;0;o;;{; i};@]; i};@];[ o; ;[I"/* Show the menu */; T; ; ;[; i~; @ o; ;[I"> .dropdown-menu; T;i;o;;[o;;[I">; To; ;[o;;[I"dropdown-menu; T; i;I"; T;0;o;;{; i;@r; i;@r;[o; ;[I" display; T;o;;I" block; T; ;; @ ;i; ;!;[; i{; @ ; i;'T; @ o; ;[I"6/* Remove the outline when :focus is triggered */; T; ; ;[; i~; @ o; ;[I"> a; T;i;o;;[o;;[I">; To; ;[o;6 ;[I"a; T;70; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" outline; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ ; i;'T; @ ; i};'T; @ o; ;[I"/* Menu positioning * * Add extra class to `.dropdown-menu` to flip the alignment of the dropdown * menu with the parent. */; T; ; ;[; i; @ o; ;[I".dropdown-menu-right; T;i;o;;[o;;[o; ;[o;;[I"dropdown-menu-right; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" left; T;o;;I" auto; T; ;; @ ;i; ;!;[; i; @ o; ;[I"2/* Reset the default from `.dropdown-menu` */; T; ; ;[; i; @ o; ;[I" right; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ ; i;'T; @ o; ;[I"A/* With v3, we enabled auto-flipping if you have a dropdown within a right * aligned nav component. To enable the undoing of that, we provide an override * to restore the default dropdown menu alignment. * * This is only for left-aligning a dropdown menu within a `.navbar-right` or * `.pull-right` nav component. */; T; ; ;[; i; @ o; ;[I".dropdown-menu-left; T;i;o;;[o;;[o; ;[o;;[I"dropdown-menu-left; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" right; T;o;;I" auto; T; ;; @ ;i; ;!;[; i; @ ; i;'T; @ o; ;[I"#/* Dropdown section headers */; T; ; ;[; i; @ o; ;[I".dropdown-header; T;i;o;;[o;;[o; ;[o;;[I"dropdown-header; T; i;I"; T;0;o;;{; i;@; i;@;[ o; ;[I" display; T;o;;I" block; T; ;; @ ;i; ;!;[; i; @ o; ;[I" padding; T;o;;I" 3px 20px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"font-size; T;o;# ;I"font-size-small; T;$I"font_size_small; T; i; @ ;i; ;!;[; i; @ o; ;[I"line-height; T;o;# ;I"line-height-base; T;$I"line_height_base; T; i; @ ;i; ;!;[; i; @ o; ;[I" color; T;o;# ;I"dropdown-header-color; T;$I"dropdown_header_color; T; i; @ ;i; ;!;[; i; @ ; i;'T; @ o; ;[I"8/* Backdrop to catch body clicks on mobile, etc. */; T; ; ;[; i; @ o; ;[I".dropdown-backdrop; T;i;o;;[o;;[o; ;[o;;[I"dropdown-backdrop; T; i;I"; T;0;o;;{; i;@ ; i;@ ;[ o; ;[I" position; T;o;;I" fixed; T; ;; @ ;i; ;!;[; i; @ o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" right; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" bottom; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"top; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" z-index; T;o:Sass::Script::Operation :@operand1o;# ;I"zindex-dropdown; T;$I"zindex_dropdown; T; i; @ :@operand2o;, ;i;-[;.@8; i;/I"10; F; @ :@operator: minus; i; @ ;i; ;!;[; i; @ ; i;'T; @ o; ;[I""/* Right aligned dropdowns */; T; ; ;[; i; @ o; ;[I"!.pull-right > .dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I"pull-right; T; i;I"; T;0;o;;{; i;@]I">; To; ;[o;;[I"dropdown-menu; T; i;@];0;o;;{; i;@]; i;@];[o; ;[I" right; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" left; T;o;;I" auto; T; ;; @ ;i; ;!;[; i; @ ; i;'T; @ o; ;[I"/* Allow for dropdowns to go bottom up (aka, dropup-menu) * * Just add .dropup after the standard .dropdown class and you're set, bro. * TODO: abstract this so that the navbar fixed styles are not placed here? */; T; ; ;[; i; @ o; ;[I",.dropup, .navbar-fixed-bottom .dropdown; T;i;o;;[o;;[o; ;[o;;[I" dropup; T; i;I"; T;0;o;;{; i;@o;;[I" ; To; ;[o;;[I"navbar-fixed-bottom; T; i;@;0;o;;{; i;@o; ;[o;;[I" dropdown; T; i;@;0;o;;{; i;@; i;@;[ o; ;[I"/* Reverse the caret */; T; ; ;[; i; @ o; ;[I" .caret; T;i;o;;[o;;[o; ;[o;;[I" caret; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I"border-top; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"border-bottom; T;o;" ;[o;# ;I"caret-width-base; T;$I"caret_width_base; T; i; @ o; ;I" solid; T; ;; i; @ ;%;&; i; @ ;i; ;!;[; i; @ o; ;[I" content; T;o;;I"""; T; ;; @ ;i; ;!;[; i; @ ; i;'T; @ o; ;[I"3/* Different positioning for bottom up menu */; T; ; ;[; i; @ o; ;[I".dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I"dropdown-menu; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I"top; T;o;;I" auto; T; ;; @ ;i; ;!;[; i; @ o; ;[I" bottom; T;o;;I" 100%; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-bottom; T;o;;I"1px; T; ;; @ ;i; ;!;[; i; @ ; i;'T; @ ; i;'T; @ o; ;[I"j/* Component alignment * * Reiterate per navbar.less and the modified component alignment there. */; T; ; ;[; i; @ o:Sass::Tree::MediaNode : @query[ I"(; To; ;I"min-width; T; ;; i; @ I": ; To;# ;I"grid-float-breakpoint; T;$I"grid_float_breakpoint; T; i; @ I"); T;i;I"; T;[o; ;[I".navbar-right; T;i;o;;[o;;[o; ;[o;;[I"navbar-right; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I".dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I"dropdown-menu; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" right; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" left; T;o;;I" auto; T; ;; @ ;i; ;!;[; i; @ ; i;'T; @ o; ;[I"o/* Necessary for overrides of the default right aligned menu. * Will remove come v4 in all likelihood. */; T; ; ;[; i; @ o; ;[I".dropdown-menu-left; T;i;o;;[o;;[o; ;[o;;[I"dropdown-menu-left; T; i;I"; T;0;o;;{; i;@7; i;@7;[o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" right; T;o;;I" auto; T; ;; @ ;i; ;!;[; i; @ ; i;'T; @ ; i;'T; @ ; i;'T; @ :@templateI"// // Dropdown menus // -------------------------------------------------- // Dropdown arrow/caret .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: $caret-width-base solid; border-right: $caret-width-base solid transparent; border-left: $caret-width-base solid transparent; } // The dropdown wrapper (div) .dropdown { position: relative; } // Prevent the focus on the dropdown toggle when closing dropdowns .dropdown-toggle:focus { outline: 0; } // The dropdown menu (ul) .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: $zindex-dropdown; display: none; // none by default, but block on "open" of the menu float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; // override default ul list-style: none; font-size: $font-size-base; text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) background-color: $dropdown-bg; border: 1px solid $dropdown-fallback-border; // IE8 fallback border: 1px solid $dropdown-border; border-radius: $border-radius-base; @include box-shadow(0 6px 12px rgba(0,0,0,.175)); background-clip: padding-box; // Aligns the dropdown menu to right // // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` &.pull-right { right: 0; left: auto; } // Dividers (basically an hr) within the dropdown .divider { @include nav-divider($dropdown-divider-bg); } // Links within the dropdown menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: $line-height-base; color: $dropdown-link-color; white-space: nowrap; // prevent links from randomly breaking onto new lines } } // Hover/Focus state .dropdown-menu > li > a { &:hover, &:focus { text-decoration: none; color: $dropdown-link-hover-color; background-color: $dropdown-link-hover-bg; } } // Active state .dropdown-menu > .active > a { &, &:hover, &:focus { color: $dropdown-link-active-color; text-decoration: none; outline: 0; background-color: $dropdown-link-active-bg; } } // Disabled state // // Gray out text and ensure the hover/focus state remains gray .dropdown-menu > .disabled > a { &, &:hover, &:focus { color: $dropdown-link-disabled-color; } } // Nuke hover/focus effects .dropdown-menu > .disabled > a { &:hover, &:focus { text-decoration: none; background-color: transparent; background-image: none; // Remove CSS gradient @include reset-filter(); cursor: not-allowed; } } // Open state for the dropdown .open { // Show the menu > .dropdown-menu { display: block; } // Remove the outline when :focus is triggered > a { outline: 0; } } // Menu positioning // // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown // menu with the parent. .dropdown-menu-right { left: auto; // Reset the default from `.dropdown-menu` right: 0; } // With v3, we enabled auto-flipping if you have a dropdown within a right // aligned nav component. To enable the undoing of that, we provide an override // to restore the default dropdown menu alignment. // // This is only for left-aligning a dropdown menu within a `.navbar-right` or // `.pull-right` nav component. .dropdown-menu-left { left: 0; right: auto; } // Dropdown section headers .dropdown-header { display: block; padding: 3px 20px; font-size: $font-size-small; line-height: $line-height-base; color: $dropdown-header-color; } // Backdrop to catch body clicks on mobile, etc. .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: ($zindex-dropdown - 10); } // Right aligned dropdowns .pull-right > .dropdown-menu { right: 0; left: auto; } // Allow for dropdowns to go bottom up (aka, dropup-menu) // // Just add .dropup after the standard .dropdown class and you're set, bro. // TODO: abstract this so that the navbar fixed styles are not placed here? .dropup, .navbar-fixed-bottom .dropdown { // Reverse the caret .caret { border-top: 0; border-bottom: $caret-width-base solid; content: ""; } // Different positioning for bottom up menu .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } } // Component alignment // // Reiterate per navbar.less and the modified component alignment there. @media (min-width: $grid-float-breakpoint) { .navbar-right { .dropdown-menu { right: 0; left: auto; } // Necessary for overrides of the default right aligned menu. // Will remove come v4 in all likelihood. .dropdown-menu-left { left: 0; right: auto; } } } ; T; i;'T; @