{: versionI"3.2.12 (Media Mark):EF:shaI"-d1be83fe451d189f1ce7e90d846df8d548402d15;F: contents"šNo: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; @ o;# ;I"dropdown-caret-color; T;$I"dropdown_caret_color; 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; @ o; ;[I"}/* Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed, * we can just straight up remove this. */; T; ; ;[; i; @ o; ;[I"border-bottom; T;o;;I" 0 dotted; T; ;; @ ;i; ;!;[; i; @ o; ;[I" content; T;o;;I"""; T; ;; @ ;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;@; i;@;[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; ;!;[; i0; @ o; ;[I"font-size; T;o;# ;I"font-size-base; T;$I"font_size_base; T; i1; @ ;i; ;!;[; i1; @ o; ;[I"background-color; T;o;# ;I"dropdown-bg; T;$I"dropdown_bg; T; i2; @ ;i; ;!;[; i2; @ o; ;[I" border; T;o;" ;[o:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i3:@originalI"1px; F; @ o; ;I" solid; T; ;; i3; @ o;# ;I"dropdown-fallback-border; T;$I"dropdown_fallback_border; T; i3; @ ;%;&; i3; @ ;i; ;!;[; i3; @ o; ;[I"/* IE8 fallback */; T; ; ;[; i3; @ o; ;[I" border; T;o;" ;[o;, ;i;-[I"px; T;.[; i4;/I"1px; F; @ o; ;I" solid; T; ;; i4; @ o;# ;I"dropdown-border; T;$I"dropdown_border; T; i4; @ ;%;&; i4; @ ;i; ;!;[; i4; @ o; ;[I"border-radius; T;o;# ;I"border-radius-base; T;$I"border_radius_base; T; i5; @ ;i; ;!;[; i5; @ o:Sass::Tree::MixinNode ;I"box-shadow; T: @args[o;" ;[ o;, ;i;-[;.[; i6;/I"0; F; @ o;, ;i ;-[I"px; T;.[; i6;/I"6px; F; @ o;, ;i;-[I"px; T;.[; i6;/I" 12px; F; @ o:Sass::Script::Funcall ;I" rgba; T;1[ o;, ;i;-[;.@A; i6;/I"0; F; @ o;, ;i;-[;.@A; i6;/I"0; F; @ o;, ;i;-[;.@A; i6;/I"0; F; @ o;, ;f 0.175;-[;.@A; i6;/I" 0.175; F; @ :@keywords{: @splat0; i6; @ ;%;&; i6; @ ;3{;40;[; i6; @ o; ;[I"background-clip; T;o;;I"padding-box; T; ;; @ ;i; ;!;[; i7; @ o; ;[I",/* Aligns the dropdown menu to right */; T; ; ;[; i9; @ o; ;[I"&.pull-right; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i:;I"; To;;[I"pull-right; T; i:;@t;0;o;;{; i:;@t; i:;@t;[o; ;[I" right; T;o;;I"0; T; ;; @ ;i; ;!;[; i;; @ o; ;[I" left; T;o;;I" auto; T; ;; @ ;i; ;!;[; i<; @ ; i:;'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; iA; @ ;3{;40;[; iA; @ ; i@;'T; @ o; ;[I")/* Links within the dropdown menu */; T; ; ;[; iD; @ o; ;[I" > li > a; T;i;o;;[o;;[ I">; To; ;[o:Sass::Selector::Element ;[I"li; T:@namespace0; iE;I"; T;0;o;;{; iE;@ŽI">; To; ;[o;6 ;[I"a; T;70; iE;@Ž;0;o;;{; iE;@Ž; iE;@Ž;[ o; ;[I" display; T;o;;I" block; T; ;; @ ;i; ;!;[; iF; @ o; ;[I" padding; T;o;;I" 3px 20px; T; ;; @ ;i; ;!;[; iG; @ o; ;[I" clear; T;o;;I" both; T; ;; @ ;i; ;!;[; iH; @ o; ;[I"font-weight; T;o;;I" normal; T; ;; @ ;i; ;!;[; iI; @ o; ;[I"line-height; T;o;# ;I"line-height-base; T;$I"line_height_base; T; iJ; @ ;i; ;!;[; iJ; @ o; ;[I" color; T;o;# ;I"dropdown-link-color; T;$I"dropdown_link_color; T; iK; @ ;i; ;!;[; iK; @ o; ;[I"white-space; T;o;;I" nowrap; T; ;; @ ;i; ;!;[; iL; @ o; ;[I">/* prevent links from randomly breaking onto new lines */; T; ; ;[; iL; @ ; iE;'T; @ ; i&;'T; @ o; ;[I"/* Hover/Focus state */; T; ; ;[; iP; @ o; ;[I".dropdown-menu > li > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; iQ;I"; T;0;o;;{; iQ;@I">; To; ;[o;6 ;[I"li; T;70; 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" color; T;o;# ;I"dropdown-link-hover-color; T;$I"dropdown_link_hover_color; T; iU; @ ;i; ;!;[; iU; @ o; ;[I"background-color; T;o;# ;I"dropdown-link-hover-bg; T;$I"dropdown_link_hover_bg; T; iV; @ ;i; ;!;[; iV; @ ; iS;'T; @ ; iQ;'T; @ o; ;[I"/* Active state */; T; ; ;[; iZ; @ o; ;[I"!.dropdown-menu > .active > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; i[;I"; T;0;o;;{; i[;@TI">; To; ;[o;;[I" active; T; i[;@T;0;o;;{; i[;@TI">; To; ;[o;6 ;[I"a; T;70; i[;@T;0;o;;{; i[;@T; i[;@T;[o; ;[I"&, &:hover, &:focus; T;i;o;;[o;;[o; ;[o;5; i^;I"; T;0;o;;{; i^;@ro;;[I" ; To; ;[o;5; i^;@ro;( ;);*;[I" hover; T;+0; i^;@r;0;o;;{; i^;@ro;;[I" ; To; ;[o;5; i^;@ro;( ;);*;[I" focus; T;+0; i^;@r;0;o;;{; i^;@r; i^;@r;[ 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; ;!;[; ia; @ o; ;[I"background-color; T;o;# ;I"dropdown-link-active-bg; T;$I"dropdown_link_active_bg; T; ib; @ ;i; ;!;[; ib; @ ; i^;'T; @ ; i[;'T; @ o; ;[I"[/* Disabled state * * Gray out text and ensure the hover/focus state remains gray */; T; ; ;[; if; @ o; ;[I"#.dropdown-menu > .disabled > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; ij;I"; T;0;o;;{; ij;@¶I">; To; ;[o;;[I" disabled; T; ij;@¶;0;o;;{; ij;@¶I">; To; ;[o;6 ;[I"a; T;70; ij;@¶;0;o;;{; ij;@¶; ij;@¶;[o; ;[I"&, &:hover, &:focus; T;i;o;;[o;;[o; ;[o;5; im;I"; T;0;o;;{; im;@Ôo;;[I" ; To; ;[o;5; im;@Ôo;( ;);*;[I" hover; T;+0; im;@Ô;0;o;;{; im;@Ôo;;[I" ; To; ;[o;5; im;@Ôo;( ;);*;[I" focus; T;+0; im;@Ô;0;o;;{; im;@Ô; im;@Ô;[o; ;[I" color; T;o;# ;I"!dropdown-link-disabled-color; T;$I"!dropdown_link_disabled_color; T; in; @ ;i; ;!;[; in; @ ; im;'T; @ ; ij;'T; @ o; ;[I"#/* Nuke hover/focus effects */; T; ; ;[; iq; @ o; ;[I"#.dropdown-menu > .disabled > a; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; ir;I"; T;0;o;;{; ir;@I">; To; ;[o;;[I" disabled; T; ir;@;0;o;;{; ir;@I">; To; ;[o;6 ;[I"a; T;70; ir;@;0;o;;{; ir;@; ir;@;[o; ;[I"&:hover, &:focus; T;i;o;;[o;;[o; ;[o;5; it;I"; To;( ;);*;[I" hover; T;+0; it;@#;0;o;;{; it;@#o;;[I" ; To; ;[o;5; it;@#o;( ;);*;[I" focus; T;+0; it;@#;0;o;;{; it;@#; it;@#;[ o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; iu; @ o; ;[I"background-color; T;o;;I"transparent; T; ;; @ ;i; ;!;[; iv; @ o; ;[I"background-image; T;o;;I" none; T; ;; @ ;i; ;!;[; iw; @ o; ;[I"/* Remove CSS gradient */; T; ; ;[; iw; @ o;0 ;I"reset-filter; T;1[;3{;40;[; ix; @ o; ;[I" cursor; T;o;;I"not-allowed; T; ;; @ ;i; ;!;[; iy; @ ; it;'T; @ ; ir;'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~;@f; i~;@f;[ 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{;@{; i{;@{;[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"#/* 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;-[;.@A; 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€;@Jo;;[I" ; To; ;[o;;[I"navbar-fixed-bottom; T; i€;@J;0;o;;{; i€;@Jo; ;[o;;[I" dropdown; T; i€;@J;0;o;;{; i€;@J; i€;@J;[ 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Š;@o; iŠ;@o;[ o; ;[I"|/* Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this * gets fixed, restore `border-top: 0;`. */; T; ; ;[; i§; @ o; ;[I"border-top; T;o;;I" 0 dotted; T; ;; @ ;i; ;!;[; i©; @ o; ;[I"border-bottom; T;o;" ;[o;, ;i ;-[I"px; T;.[; iȘ;/I"4px; F; @ o; ;I" solid; T; ;; iȘ; @ o;# ;I"dropdown-caret-color; T;$I"dropdown_caret_color; 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; @ ; i»;'T; @ ; iș;'T; @ :@templateI"G// // 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 $dropdown-caret-color; border-right: $caret-width-base solid transparent; border-left: $caret-width-base solid transparent; // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed, // we can just straight up remove this. border-bottom: 0 dotted; content: ""; } // 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 &.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; } } // 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 { // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this // gets fixed, restore `border-top: 0;`. border-top: 0 dotted; border-bottom: 4px solid $dropdown-caret-color; 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; } } } ; T; i;'T; @