{: versionI"3.2.15 (Media Mark):EF:sha"-c0ea35f50d716be79bc594ea3e0fd15748735200: contents"To: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"; F: @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; ;; @ ; io; ;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; ;; @ ; io; ;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"; F;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"; Fo: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"; F;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"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[; i/:@originalI"1px; F; @ o; ;I" solid; T; ;; @ ; i/o;# ;I"dropdown-fallback-border; T;$I"dropdown_fallback_border; T; i/; @ ;%;&; i/; @ ;i; ;!;[; i/; @ o; ;[I"/* IE8 fallback */; T; ; ;[; i/; @ o; ;[I" border; T;o;" ;[o;, ;i;-[I"px; T;.[; i0;/I"1px; F; @ o; ;I" solid; T; ;; @ ; i0o;# ;I"dropdown-border; T;$I"dropdown_border; T; i0; @ ;%;&; i0; @ ;i; ;!;[; i0; @ o; ;[I"border-radius; T;o;# ;I"border-radius-base; T;$I"border_radius_base; T; i1; @ ;i; ;!;[; i1; @ o:Sass::Tree::MixinNode ;I"box-shadow; T: @args[o;" ;[ o;, ;i;-[;.[; i2;/I"0; F; @ o;, ;i ;-[I"px; T;.[; i2;/I"6px; F; @ o;, ;i;-[I"px; T;.[; i2;/I" 12px; F; @ o:Sass::Script::Funcall ;I" rgba; T;1[ o;, ;i;-[;.@.; i2;/I"0; F; @ o;, ;i;-[;.@.; i2;/I"0; F; @ o;, ;i;-[;.@.; i2;/I"0; F; @ o;, ;f 0.175;-[;.@.; i2;/I" 0.175; F; @ :@keywords{: @splat0; i2; @ ;%;&; i2; @ ;3{;40;[; i2; @ o; ;[I"background-clip; T;o;;I"padding-box; T; ;; @ ;i; ;!;[; i3; @ o; ;[I"l/* Aligns the dropdown menu to right * * Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` */; T; ; ;[; i5; @ o; ;[I"&.pull-right; F;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i8;I"; Fo;;[I"pull-right; F; i8;@a;0;o;;{; i8;@a; i8;@a;[o; ;[I" right; T;o;;I"0; T; ;; @ ;i; ;!;[; i9; @ o; ;[I" left; T;o;;I" auto; T; ;; @ ;i; ;!;[; i:; @ ; i8;'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"; F;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; ; ;[; iB; @ o; ;[I" > li > a; T;i;o;;[o;;[ I">; To; ;[o:Sass::Selector::Element ;[I"li; T:@namespace0; iC;I"; F;0;o;;{; iC;@I">; To; ;[o;6 ;[I"a; T;70; iC;@;0;o;;{; iC;@; iC;@;[ o; ;[I" display; T;o;;I" block; T; ;; @ ;i; ;!;[; iD; @ o; ;[I" padding; T;o;;I" 3px 20px; T; ;; @ ;i; ;!;[; iE; @ o; ;[I" clear; T;o;;I" both; T; ;; @ ;i; ;!;[; iF; @ o; ;[I"font-weight; T;o;;I" normal; T; ;; @ ;i; ;!;[; iG; @ o; ;[I"line-height; T;o;# ;I"line-height-base; T;$I"line_height_base; T; iH; @ ;i; ;!;[; iH; @ o; ;[I" color; T;o;# ;I"dropdown-link-color; T;$I"dropdown_link_color; T; iI; @ ;i; ;!;[; iI; @ o; ;[I"white-space; T;o;;I" nowrap; T; ;; @ ;i; ;!;[; iJ; @ o; ;[I">/* prevent links from randomly breaking onto new lines */; T; ; ;[; iJ; @ ; iC;'T; @ ; i";'T; @ o; ;[I"/* Hover/Focus state */; T; ; ;[; iN; @ o; ;[I".dropdown-menu > li > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; iO;I"; F;0;o;;{; iO;@I">; To; ;[o;6 ;[I"li; T;70; iO;@;0;o;;{; iO;@I">; To; ;[o;6 ;[I"a; T;70; iO;@;0;o;;{; iO;@; iO;@;[o; ;[I"&:hover, &:focus; F;i;o;;[o;;[o; ;[o;5; iQ;I"; Fo;( ;);*;[I" hover; F;+0; iQ;@ ;0;o;;{; iQ;@ o;;[I" ; Fo; ;[o;5; iQ;@ o;( ;);*;[I" focus; F;+0; iQ;@ ;0;o;;{; iQ;@ ; iQ;@ ;[o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; iR; @ o; ;[I" color; T;o;# ;I"dropdown-link-hover-color; T;$I"dropdown_link_hover_color; T; iS; @ ;i; ;!;[; iS; @ o; ;[I"background-color; T;o;# ;I"dropdown-link-hover-bg; T;$I"dropdown_link_hover_bg; T; iT; @ ;i; ;!;[; iT; @ ; iQ;'T; @ ; iO;'T; @ o; ;[I"/* Active state */; T; ; ;[; iX; @ o; ;[I"!.dropdown-menu > .active > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; iY;I"; F;0;o;;{; iY;@AI">; To; ;[o;;[I" active; T; iY;@A;0;o;;{; iY;@AI">; To; ;[o;6 ;[I"a; T;70; iY;@A;0;o;;{; iY;@A; iY;@A;[o; ;[I"&, &:hover, &:focus; F;i;o;;[o;;[o; ;[o;5; i\;I"; F;0;o;;{; i\;@_o;;[I" ; Fo; ;[o;5; i\;@_o;( ;);*;[I" hover; F;+0; i\;@_;0;o;;{; i\;@_o;;[I" ; Fo; ;[o;5; i\;@_o;( ;);*;[I" focus; F;+0; i\;@_;0;o;;{; 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; i`; @ ;i; ;!;[; i`; @ ; i\;'T; @ ; iY;'T; @ o; ;[I"[/* Disabled state * * Gray out text and ensure the hover/focus state remains gray */; T; ; ;[; id; @ o; ;[I"#.dropdown-menu > .disabled > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; ih;I"; F;0;o;;{; ih;@I">; To; ;[o;;[I" disabled; T; ih;@;0;o;;{; ih;@I">; To; ;[o;6 ;[I"a; T;70; ih;@;0;o;;{; ih;@; ih;@;[o; ;[I"&, &:hover, &:focus; F;i;o;;[o;;[o; ;[o;5; ik;I"; F;0;o;;{; ik;@o;;[I" ; Fo; ;[o;5; ik;@o;( ;);*;[I" hover; F;+0; ik;@;0;o;;{; ik;@o;;[I" ; Fo; ;[o;5; ik;@o;( ;);*;[I" focus; F;+0; ik;@;0;o;;{; ik;@; ik;@;[o; ;[I" color; T;o;# ;I"!dropdown-link-disabled-color; T;$I"!dropdown_link_disabled_color; T; il; @ ;i; ;!;[; il; @ ; ik;'T; @ ; ih;'T; @ o; ;[I"#/* Nuke hover/focus effects */; T; ; ;[; io; @ o; ;[I"#.dropdown-menu > .disabled > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; ip;I"; F;0;o;;{; ip;@I">; To; ;[o;;[I" disabled; T; ip;@;0;o;;{; ip;@I">; To; ;[o;6 ;[I"a; T;70; ip;@;0;o;;{; ip;@; ip;@;[o; ;[I"&:hover, &:focus; F;i;o;;[o;;[o; ;[o;5; ir;I"; Fo;( ;);*;[I" hover; F;+0; ir;@;0;o;;{; ir;@o;;[I" ; Fo; ;[o;5; ir;@o;( ;);*;[I" focus; F;+0; ir;@;0;o;;{; ir;@; ir;@;[ o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; is; @ o; ;[I"background-color; T;o;;I"transparent; T; ;; @ ;i; ;!;[; it; @ o; ;[I"background-image; T;o;;I" none; T; ;; @ ;i; ;!;[; iu; @ o; ;[I"/* Remove CSS gradient */; T; ; ;[; iu; @ o;0 ;I"reset-filter; T;1[;3{;40;[; iv; @ o; ;[I" cursor; T;o;;I"not-allowed; T; ;; @ ;i; ;!;[; iw; @ ; ir;'T; @ ; ip;'T; @ o; ;[I"&/* Open state for the dropdown */; T; ; ;[; i{; @ o; ;[I" .open; T;i;o;;[o;;[o; ;[o;;[I" open; T; i|;I"; F;0;o;;{; i|;@S; i|;@S;[ o; ;[I"/* Show the menu */; T; ; ;[; i}; @ o; ;[I"> .dropdown-menu; T;i;o;;[o;;[I">; To; ;[o;;[I"dropdown-menu; T; i~;I"; F;0;o;;{; i~;@h; i~;@h;[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"; F;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"; F;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"; F;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"; F;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"; F;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;-[;.@.; 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"; F;0;o;;{; i;@SI">; To; ;[o;;[I"dropdown-menu; T; i;@S;0;o;;{; i;@S; i;@S;[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; F;i;o;;[o;;[o; ;[o;;[I" dropup; F; i;I"; F;0;o;;{; i;@{o;;[I" ; Fo; ;[o;;[I"navbar-fixed-bottom; F; i;@{;0;o;;{; i;@{o; ;[o;;[I" dropdown; F; 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"; F;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"; F;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"(; Fo; ;I"min-width; T; ;; @ ; iI": ; Fo;# ;I"grid-float-breakpoint; T;$I"grid_float_breakpoint; T; i; @ I"); T;i;I"; F;[o; ;[I".navbar-right; T;i;o;;[o;;[o; ;[o;;[I"navbar-right; T; i;I"; F;0;o;;{; i;@; i;@;[o; ;[I".dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I"dropdown-menu; T; i;I"; F;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"; F;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; @ ; 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; 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; @