3.1.19 (Brainy Betty) 6a010f1df22c7259affd4a2ff16fe4fdfc1d1c11 o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"+/* DROPDOWN MENUS * -------------- */:ET: @silenti: @loud0;[: @linei: @options{o; ;[I"x/* Use the .menu class on any
  • element within the topbar or ul.tabs and you'll get some superfancy dropdowns */; T; i; 0;[; i ; @ o:Sass::Tree::RuleNode : @rule[I".dropup, .dropdown; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;[o:Sass::Selector::Class: @name[I" dropup; T; i :@filenameI"; F; i ;@o;;[o;;[o;;[I" dropdown; T; i ;@; i ;@; i ;@;[o:Sass::Tree::PropNode ;[I" position; T;o:Sass::Script::String;I" relative; T: @type:identifier; @ ;i:@prop_syntax:new;[; i ; @ ; i :@has_childrenT; @ o; ;[I".dropdown-toggle; T;i;o;;[o;;[o;;[o;;[I"dropdown-toggle; T; i ;I"; F; i ;@7; i ;@7;[o; ;[I";/* The caret makes the toggle a bit too tall in IE7 */; T; i; 0;[; i; @ o; ;[I"*margin-bottom; T;o:Sass::Script::Number ;iø:@numerator_units[I"px; T:@denominator_units[; i:@originalI" -3px; F; @ ;i;;;[; i; @ ; i ;T; @ o; ;[I"4.dropdown-toggle:active, .open .dropdown-toggle; T;i;o;;[o;;[o;;[o;;[I"dropdown-toggle; T; i;I"; Fo:Sass::Selector::Pseudo ;: class;[I" active; T: @arg0; i;@R; i;@Ro;;[o;;[o;;[I" open; T; i;@R; i;@Ro;;[o;;[I"dropdown-toggle; T; i;@R; i;@R; i;@R;[o; ;[I" outline; T;o;;I"0; T;;; @ ;i;;;[; i; @ ; i;T; @ o; ;[I"7/* Dropdown arrow/caret * -------------------- */; T; i; 0;[; i; @ o; ;[I" .caret; T;i;o;;[o;;[o;;[o;;[I" caret; T; i;I"; F; i;@y; i;@y;[o; ;[I" display; T;o;;I"inline-block; T;;; @ ;i;;;[; i; @ o; ;[I" width; T;o;;I"0; T;;; @ ;i;;;[; i; @ o; ;[I" height; T;o;;I"0; T;;; @ ;i;;;[; i; @ o; ;[I"vertical-align; T;o;;I"top; T;;; @ ;i;;;[; i; @ o; ;[I"border-top; T;o:Sass::Script::List ;[o; ;i ;![I"px; T;"[; i;#I"4px; F; @ o; ;I" solid; T;;; i; @ o:Sass::Script::Variable ;I" black; T:@underscored_nameI" black; T; i; @ :@separator: space; i; @ ;i;;;[; i; @ o; ;[I"border-right; T;o;;I"4px solid transparent; T;;; @ ;i;;;[; i; @ o; ;[I"border-left; T;o;;I"4px solid transparent; T;;; @ ;i;;;[; i; @ o; ;[I" content; T;o;;I"""; T;;; @ ;i;;;[; i; @ o:Sass::Tree::MixinNode ;I" opacity; T: @args[o; ;f0.3;![;"[; i ;#I"0.3; F; @ :@keywords{;[; i ; @ ; i;T; @ o; ;[I"/* Place the caret */; T; i; 0;[; i#; @ o; ;[I".dropdown .caret; T;i;o;;[o;;[o;;[o;;[I" dropdown; T; i$;I"; F; i$;@Êo;;[o;;[I" caret; T; i$;@Ê; i$;@Ê; i$;@Ê;[o; ;[I"margin-top; T;o;;I"8px; T;;; @ ;i;;;[; i%; @ o; ;[I"margin-left; T;o;;I"2px; T;;; @ ;i;;;[; i&; @ ; i$;T; @ o; ;[I").dropdown:hover .caret, .open .caret; T;i;o;;[o;;[o;;[o;;[I" dropdown; T; i(;I"; Fo;$ ;;%;[I" hover; T;&0; i(;@é; i(;@éo;;[o;;[I" caret; T; i(;@é; i(;@éo;;[o;;[o;;[I" open; T; i(;@é; i(;@éo;;[o;;[I" caret; T; i(;@é; i(;@é; i(;@é;[o;, ;I" opacity; T;-[o; ;i;![;"@¶; i);#I"1; F; @ ;.{;[; i); @ ; i(;T; @ o; ;[I";/* The dropdown menu (ul) * ---------------------- */; T; i; 0;[; i,; @ o; ;[I".dropdown-menu; T;i;o;;[o;;[o;;[o;;[I"dropdown-menu; T; i.;I"; F; i.;@; i.;@;[!o; ;[I" position; T;o;;I" absolute; T;;; @ ;i;;;[; i/; @ o; ;[I"top; T;o;;I" 100%; T;;; @ ;i;;;[; i0; @ o; ;[I" left; T;o;;I"0; T;;; @ ;i;;;[; i1; @ o; ;[I" z-index; T;o;( ;I"zindexDropdown; T;)I"zindexDropdown; T; i2; @ ;i;;;[; i2; @ o; ;[I" display; T;o;;I" none; T;;; @ ;i;;;[; i3; @ o; ;[I";/* none by default, but block on "open" of the menu */; T; i; 0;[; i3; @ o; ;[I" float; T;o;;I" left; T;;; @ ;i;;;[; i4; @ o; ;[I"min-width; T;o;;I" 160px; T;;; @ ;i;;;[; i5; @ o; ;[I" padding; T;o;;I" 4px 0; T;;; @ ;i;;;[; i6; @ o; ;[I" margin; T;o;;I" 1px 0 0; T;;; @ ;i;;;[; i7; @ o; ;[I"/* override default ul */; T; i; 0;[; i7; @ o; ;[I"list-style; T;o;;I" none; T;;; @ ;i;;;[; i8; @ o; ;[I"background-color; T;o;( ;I"dropdownBackground; T;)I"dropdownBackground; T; i9; @ ;i;;;[; i9; @ o; ;[I" border; T;o;;I"1px solid #ccc; T;;; @ ;i;;;[; i:; @ o; ;[I" border; T;o;' ;[o; ;i;![I"px; T;"[; i;;#I"1px; F; @ o; ;I" solid; T;;; i;; @ o:Sass::Script::Funcall ;I" rgba; T;-[ o; ;i;![;"@¶; i;;#I"0; F; @ o; ;i;![;"@¶; i;;#I"0; F; @ o; ;i;![;"@¶; i;;#I"0; F; @ o; ;f0.2;![;"@¶; i;;#I"0.2; F; @ ;.{; i;; @ ;*;+; i;; @ ;i;;;[; i;; @ o; ;[I"*border-right-width; T;o;;I"2px; T;;; @ ;i;;;[; i<; @ o; ;[I"*border-bottom-width; T;o;;I"2px; T;;; @ ;i;;;[; i=; @ o;, ;I"border-radius; T;-[o; ;i ;![I"px; T;"[; i>;#I"5px; F; @ ;.{;[; i>; @ o;, ;I"box-shadow; T;-[o;' ;[ o; ;i;![;"@¶; i?;#I"0; F; @ o; ;i ;![I"px; T;"[; i?;#I"5px; F; @ o; ;i;![I"px; T;"[; i?;#I" 10px; F; @ o;/ ;I" rgba; T;-[ o; ;i;![;"@¶; i?;#I"0; F; @ o; ;i;![;"@¶; i?;#I"0; F; @ o; ;i;![;"@¶; i?;#I"0; F; @ o; ;f0.2;![;"@¶; i?;#I"0.2; F; @ ;.{; i?; @ ;*;+; i?; @ ;.{;[; i?; @ o; ;[I"-webkit-background-clip; T;o;;I"padding-box; T;;; @ ;i;;;[; i@; @ o; ;[I"-moz-background-clip; T;o;;I" padding; T;;; @ ;i;;;[; iA; @ o; ;[I"background-clip; T;o;;I"padding-box; T;;; @ ;i;;;[; iB; @ o; ;[I",/* Aligns the dropdown menu to right */; T; i; 0;[; iD; @ o; ;[I"&.pull-right; F;i;o;;[o;;[o;;[o:Sass::Selector::Parent; iE;I"; Fo;;[I"pull-right; F; iE;@ä; iE;@ä; iE;@ä;[o; ;[I" right; T;o;;I"0; T;;; @ ;i;;;[; iF; @ o; ;[I" left; T;o;;I" auto; T;;; @ ;i;;;[; iG; @ ; iE;T; @ o; ;[I"9/* Dividers (basically an hr) within the dropdown */; T; i; 0;[; iJ; @ o; ;[I" .divider; T;i;o;;[o;;[o;;[o;;[I" divider; T; iK;I"; F; iK;@; iK;@;[o;, ;I"nav-divider; T;-[;.{;[; iL; @ ; iK;T; @ o; ;[I")/* Links within the dropdown menu */; T; i; 0;[; iO; @ o; ;[I"a; T;i;o;;[o;;[o;;[o:Sass::Selector::Element ;[I"a; T:@namespace0; iP;I"; F; iP;@; iP;@;[ o; ;[I" display; T;o;;I" block; T;;; @ ;i;;;[; iQ; @ o; ;[I" padding; T;o;;I" 3px 15px; T;;; @ ;i;;;[; iR; @ o; ;[I" clear; T;o;;I" both; T;;; @ ;i;;;[; iS; @ o; ;[I"font-weight; T;o;;I" normal; T;;; @ ;i;;;[; iT; @ o; ;[I"line-height; T;o;( ;I"baseLineHeight; T;)I"baseLineHeight; T; iU; @ ;i;;;[; iU; @ o; ;[I" color; T;o;( ;I"dropdownLinkColor; T;)I"dropdownLinkColor; T; iV; @ ;i;;;[; iV; @ o; ;[I"white-space; T;o;;I" nowrap; T;;; @ ;i;;;[; iW; @ ; iP;T; @ ; i.;T; @ o; ;[I"%/* Hover state * ----------- */; T; i; 0;[; i[; @ o; ;[I"^.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover; F;i;o;;[o;;[ o;;[o;;[I"dropdown-menu; F; i];I"; F; i];@Zo;;[o;1 ;[I"li; F;20; i];@Z; i];@ZI">; Fo;;[o;1 ;[I"a; F;20; i];@Zo;$ ;;%;[I" hover; F;&0; i];@Z; i];@Zo;;[ o;;[o;;[I"dropdown-menu; F; i];@Z; i];@Zo;;[o;;[I" active; F; i];@Z; i];@ZI">; Fo;;[o;1 ;[I"a; F;20; i];@Z; i];@Zo;;[ o;;[o;;[I"dropdown-menu; F; i];@Z; i];@Zo;;[o;;[I" active; F; i];@Z; i];@ZI">; Fo;;[o;1 ;[I"a; F;20; i];@Zo;$ ;;%;[I" hover; F;&0; i];@Z; i];@Z; i];@Z;[o; ;[I" color; T;o;( ;I"dropdownLinkColorHover; T;)I"dropdownLinkColorHover; T; i^; @ ;i;;;[; i^; @ o; ;[I"text-decoration; T;o;;I" none; T;;; @ ;i;;;[; i_; @ o; ;[I"background-color; T;o;( ;I" dropdownLinkBackgroundHover; T;)I" dropdownLinkBackgroundHover; T; i`; @ ;i;;;[; i`; @ ; i];T; @ o; ;[I"E/* Open state for the dropdown * --------------------------- */; T; i; 0;[; ic; @ o; ;[I" .open; T;i;o;;[o;;[o;;[o;;[I" open; T; ie;I"; F; ie;@µ; ie;@µ;[o; ;[I"“/* IE7's z-index only goes to the nearest positioned ancestor, which would * make the menu appear below buttons that appeared later on the page */; T; i; 0;[; if; @ o; ;[I" *z-index; T;o;( ;I"zindexDropdown; T;)I"zindexDropdown; T; ih; @ ;i;;;[; ih; @ o; ;[I".dropdown-menu; T;i;o;;[o;;[o;;[o;;[I"dropdown-menu; T; ij;I"; F; ij;@Î; ij;@Î;[o; ;[I" display; T;o;;I" block; T;;; @ ;i;;;[; ik; @ ; ij;T; @ ; ie;T; @ o; ;[I"A/* Right aligned dropdowns * --------------------------- */; T; i; 0;[; io; @ o; ;[I".pull-right .dropdown-menu; T;i;o;;[o;;[o;;[o;;[I"pull-right; T; iq;I"; F; iq;@æo;;[o;;[I"dropdown-menu; T; iq;@æ; iq;@æ; iq;@æ;[o; ;[I" right; T;o;;I"0; T;;; @ ;i;;;[; ir; @ o; ;[I" left; T;o;;I" auto; T;;; @ ;i;;;[; is; @ ; iq;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; 0;[; iv; @ o; ;[I",.dropup, .navbar-fixed-bottom .dropdown; T;i;o;;[o;;[o;;[o;;[I" dropup; T; iz;I"; F; iz;@ o;;[o;;[o;;[I"navbar-fixed-bottom; T; iz;@ ; iz;@ o;;[o;;[I" dropdown; T; iz;@ ; iz;@ ; iz;@ ;[ o; ;[I"/* Reverse the caret */; T; i; 0;[; i{; @ o; ;[I" .caret; T;i;o;;[o;;[o;;[o;;[I" caret; T; i|;I"; F; i|;@'; i|;@';[o; ;[I"border-top; T;o;;I"0; 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" black; T;)I" black; T; i~; @ ;*;+; i~; @ ;i;;;[; i~; @ o; ;[I" content; T;o;;I" "\2191"; T;;; @ ;i;;;[; i; @ ; i|;T; @ o; ;[I"3/* Different positioning for bottom up menu */; T; i; 0;[; i|; @ o; ;[I".dropdown-menu; T;i;o;;[o;;[o;;[o;;[I"dropdown-menu; T; i};I"; F; i};@U; i};@U;[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; @ ; iz;T; @ o; ;[I"!/* Typeahead * --------- */; T; i; 0;[; i„; @ o; ;[I".typeahead; T;i;o;;[o;;[o;;[o;;[I"typeahead; T; i†;I"; F; i†;@y; i†;@y;[o; ;[I"margin-top; T;o;;I"2px; T;;; @ ;i;;;[; i‡; @ o; ;[I"(/* give it some space to breathe */; T; i; 0;[; i‡; @ o;, ;I"border-radius; T;-[o; ;i ;![I"px; T;"[; iˆ;#I"4px; F; @ ;.{;[; iˆ; @ ; i†;T; @ :@templateI"‹ // DROPDOWN MENUS // -------------- // Use the .menu class on any
  • element within the topbar or ul.tabs and you'll get some superfancy dropdowns .dropup, .dropdown { position: relative; } .dropdown-toggle { // The caret makes the toggle a bit too tall in IE7 *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } // Dropdown arrow/caret // -------------------- .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid $black; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; @include opacity(0.3); } // Place the caret .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown:hover .caret, .open .caret { @include opacity(1); } // The dropdown menu (ul) // ---------------------- .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: $zindexDropdown; display: none; // none by default, but block on "open" of the menu float: left; min-width: 160px; padding: 4px 0; margin: 1px 0 0; // override default ul list-style: none; background-color: $dropdownBackground; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); *border-right-width: 2px; *border-bottom-width: 2px; @include border-radius(5px); @include box-shadow(0 5px 10px rgba(0,0,0,.2)); -webkit-background-clip: padding-box; -moz-background-clip: padding; 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(); } // Links within the dropdown menu a { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: $baseLineHeight; color: $dropdownLinkColor; white-space: nowrap; } } // Hover state // ----------- .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: $dropdownLinkColorHover; text-decoration: none; background-color: $dropdownLinkBackgroundHover; } // Open state for the dropdown // --------------------------- .open { // IE7's z-index only goes to the nearest positioned ancestor, which would // make the menu appear below buttons that appeared later on the page *z-index: $zindexDropdown; .dropdown-menu { display: block; } } // 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: 4px solid $black; content: "\2191"; } // Different positioning for bottom up menu .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } } // Typeahead // --------- .typeahead { margin-top: 2px; // give it some space to breathe @include border-radius(4px); }; T; i;T; @