3.2.3 (Media Mark) abdd8537171673d91c3e90b4c87d41c5d6435aec o:Sass::Tree::RootNode :@children[7o:Sass::Tree::CommentNode : @value[I"Q/* * Button groups * -------------------------------------------------- */:EF: @type: silent;[: @linei: @options{o; ;[I",/* Make the div behave like a button */; F; ; ;[; i ; @ o:Sass::Tree::RuleNode : @rule[I".btn-group; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I"btn-group; T; i :@filenameI"; F: @subject0: @sourceso:Set: @hash{; i ;@; i ;@;[o:Sass::Tree::PropNode ;[I" position; T;o:Sass::Script::String;I" relative; T; :identifier; @ ;i:@prop_syntax:new;[; i ; @ o; ;[I" display; T;o;;I"inline-block; T; ;; @ ;i; ;!;[; i; @ o:Sass::Tree::MixinNode ;I"ie7-inline-block; T: @args[:@keywords{: @splat0;[; i; @ o; ;[I"font-size; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I":/* remove as part 1 of font-size inline-block hack */; F; ; ;[; i; @ o; ;[I"vertical-align; T;o;;I" middle; T; ;; @ ;i; ;!;[; i; @ o; ;[I":/* match .btn alignment given font-size hack above */; F; ; ;[; i; @ o; ;[I"white-space; T;o;;I" nowrap; T; ;; @ ;i; ;!;[; i; @ o; ;[I"a/* prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page) */; F; ; ;[; i; @ o;" ;I" ie7-restore-left-whitespace; T;#[;${;%0;[; i; @ ; i :@has_childrenT; @ o; ;[I",/* Space out series of button groups */; F; ; ;[; i; @ o; ;[I".btn-group + .btn-group; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; i;I"; F;0;o;;{; i;@dI"+; To; ;[o;;[I"btn-group; T; i;@d;0;o;;{; i;@d; i;@d;[o; ;[I"margin-left; T;o;;I"5px; T; ;; @ ;i; ;!;[; i; @ ; i;&T; @ o; ;[I"H/* Optional: Group multiple button groups together for a toolbar */; F; ; ;[; i; @ o; ;[I".btn-toolbar; T;i;o;;[o;;[o; ;[o;;[I"btn-toolbar; T; i;I"; F;0;o;;{; i;@; i;@;[ o; ;[I"font-size; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"I/* Hack to remove whitespace that results from using inline-block */; F; ; ;[; i; @ o; ;[I"margin-top; T;o:Sass::Script::Operation :@operand1o:Sass::Script::Variable ;I"baseLineHeight; T:@underscored_nameI"baseLineHeight; T; i; @ :@operand2o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i:@originalI"2; F; @ :@operator:div; i; @ ;i; ;!;[; i; @ o; ;[I"margin-bottom; T;o;' ;(o;) ;I"baseLineHeight; T;*I"baseLineHeight; T; i; @ ;+o;, ;i;-[;.@; i;/I"2; F; @ ;0;1; i; @ ;i; ;!;[; i; @ o; ;[I":.btn + .btn, .btn-group + .btn, .btn + .btn-group; F;i;o;;[o;;[o; ;[o;;[I"btn; F; i";I"; F;0;o;;{; i";@I"+; Fo; ;[o;;[I"btn; F; i";@;0;o;;{; i";@o;;[ I" ; Fo; ;[o;;[I"btn-group; F; i";@;0;o;;{; i";@I"+; Fo; ;[o;;[I"btn; F; i";@;0;o;;{; i";@o;;[ I" ; Fo; ;[o;;[I"btn; F; i";@;0;o;;{; i";@I"+; Fo; ;[o;;[I"btn-group; F; i";@;0;o;;{; i";@; i";@;[o; ;[I"margin-left; T;o;;I"5px; T; ;; @ ;i; ;!;[; i#; @ ; i";&T; @ ; i;&T; @ o; ;[I"S/* Float them, remove border radius, then re-add to first and last elements */; F; ; ;[; i'; @ o; ;[I".btn-group > .btn; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; i(;I"; F;0;o;;{; i(;@I">; To; ;[o;;[I"btn; T; i(;@;0;o;;{; i(;@; i(;@;[o; ;[I" position; T;o;;I" relative; T; ;; @ ;i; ;!;[; i); @ o;" ;I"border-radius; T;#[o;, ;i;-[;.@; i*;/I"0; F; @ ;${;%0;[; i*; @ ; i(;&T; @ o; ;[I".btn-group > .btn + .btn; T;i;o;;[o;;[ o; ;[o;;[I"btn-group; T; i,;I"; F;0;o;;{; i,;@I">; To; ;[o;;[I"btn; T; i,;@;0;o;;{; i,;@I"+; To; ;[o;;[I"btn; T; i,;@;0;o;;{; i,;@; i,;@;[o; ;[I"margin-left; T;o;, ;i;-[I"px; T;.[; i-;/I" -1px; F; @ ;i; ;!;[; i-; @ ; i,;&T; @ o; ;[I"3.btn-group > .btn, .btn-group > .dropdown-menu; F;i;o;;[o;;[o; ;[o;;[I"btn-group; F; i0;I"; F;0;o;;{; i0;@GI">; Fo; ;[o;;[I"btn; F; i0;@G;0;o;;{; i0;@Go;;[ I" ; Fo; ;[o;;[I"btn-group; F; i0;@G;0;o;;{; i0;@GI">; Fo; ;[o;;[I"dropdown-menu; F; i0;@G;0;o;;{; i0;@G; i0;@G;[o; ;[I"font-size; T;o;) ;I"baseFontSize; T;*I"baseFontSize; T; i1; @ ;i; ;!;[; i1; @ o; ;[I"=/* redeclare as part 2 of font-size inline-block hack */; F; ; ;[; i1; @ ; i0;&T; @ o; ;[I"&/* Reset fonts for other sizes */; F; ; ;[; i4; @ o; ;[I".btn-group > .btn-mini; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; i5;I"; F;0;o;;{; i5;@I">; To; ;[o;;[I" btn-mini; T; i5;@;0;o;;{; i5;@; i5;@;[o; ;[I"font-size; T;o;;I" 11px; T; ;; @ ;i; ;!;[; i6; @ ; i5;&T; @ o; ;[I".btn-group > .btn-small; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; i8;I"; F;0;o;;{; i8;@I">; To; ;[o;;[I"btn-small; T; i8;@;0;o;;{; i8;@; i8;@;[o; ;[I"font-size; T;o;;I" 12px; T; ;; @ ;i; ;!;[; i9; @ ; i8;&T; @ o; ;[I".btn-group > .btn-large; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; i;;I"; F;0;o;;{; i;;@I">; To; ;[o;;[I"btn-large; T; i;;@;0;o;;{; i;;@; i;;@;[o; ;[I"font-size; T;o;;I" 16px; T; ;; @ ;i; ;!;[; i<; @ ; i;;&T; @ o; ;[I"/* Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match */; F; ; ;[; i?; @ o; ;[I"".btn-group > .btn:first-child; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; i@;I"; F;0;o;;{; i@;@I">; To; ;[o;;[I"btn; T; i@;@o:Sass::Selector::Pseudo ; : class;[I"first-child; T: @arg0; i@;@;0;o;;{; i@;@; i@;@;[ o; ;[I"margin-left; T;o;;I"0; T; ;; @ ;i; ;!;[; iA; @ o; ;[I"#-webkit-border-top-left-radius; T;o;;I"4px; T; ;; @ ;i; ;!;[; iB; @ o; ;[I"-moz-border-radius-topleft; T;o;;I"4px; T; ;; @ ;i; ;!;[; iC; @ o; ;[I"border-top-left-radius; T;o;;I"4px; T; ;; @ ;i; ;!;[; iD; @ o; ;[I"&-webkit-border-bottom-left-radius; T;o;;I"4px; T; ;; @ ;i; ;!;[; iE; @ o; ;[I""-moz-border-radius-bottomleft; T;o;;I"4px; T; ;; @ ;i; ;!;[; iF; @ o; ;[I"border-bottom-left-radius; T;o;;I"4px; T; ;; @ ;i; ;!;[; iG; @ ; i@;&T; @ o; ;[I"l/* Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it */; F; ; ;[; iI; @ o; ;[I"@.btn-group > .btn:last-child, .btn-group > .dropdown-toggle; F;i;o;;[o;;[o; ;[o;;[I"btn-group; F; iK;I"; F;0;o;;{; iK;@'I">; Fo; ;[o;;[I"btn; F; iK;@'o;2 ; ;3;[I"last-child; F;40; iK;@';0;o;;{; iK;@'o;;[ I" ; Fo; ;[o;;[I"btn-group; F; iK;@';0;o;;{; iK;@'I">; Fo; ;[o;;[I"dropdown-toggle; F; iK;@';0;o;;{; iK;@'; iK;@';[ o; ;[I"$-webkit-border-top-right-radius; T;o;;I"4px; T; ;; @ ;i; ;!;[; iL; @ o; ;[I" -moz-border-radius-topright; T;o;;I"4px; T; ;; @ ;i; ;!;[; iM; @ o; ;[I"border-top-right-radius; T;o;;I"4px; T; ;; @ ;i; ;!;[; iN; @ o; ;[I"'-webkit-border-bottom-right-radius; T;o;;I"4px; T; ;; @ ;i; ;!;[; iO; @ o; ;[I"#-moz-border-radius-bottomright; T;o;;I"4px; T; ;; @ ;i; ;!;[; iP; @ o; ;[I"border-bottom-right-radius; T;o;;I"4px; T; ;; @ ;i; ;!;[; iQ; @ ; iK;&T; @ o; ;[I"*/* Reset corners for large buttons */; F; ; ;[; iS; @ o; ;[I"(.btn-group > .btn.large:first-child; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; iT;I"; F;0;o;;{; iT;@|I">; To; ;[o;;[I"btn; T; iT;@|o;;[I" large; T; iT;@|o;2 ; ;3;[I"first-child; T;40; iT;@|;0;o;;{; iT;@|; iT;@|;[ o; ;[I"margin-left; T;o;;I"0; T; ;; @ ;i; ;!;[; iU; @ o; ;[I"#-webkit-border-top-left-radius; T;o;;I"6px; T; ;; @ ;i; ;!;[; iV; @ o; ;[I"-moz-border-radius-topleft; T;o;;I"6px; T; ;; @ ;i; ;!;[; iW; @ o; ;[I"border-top-left-radius; T;o;;I"6px; T; ;; @ ;i; ;!;[; iX; @ o; ;[I"&-webkit-border-bottom-left-radius; T;o;;I"6px; T; ;; @ ;i; ;!;[; iY; @ o; ;[I""-moz-border-radius-bottomleft; T;o;;I"6px; T; ;; @ ;i; ;!;[; iZ; @ o; ;[I"border-bottom-left-radius; T;o;;I"6px; T; ;; @ ;i; ;!;[; i[; @ ; iT;&T; @ o; ;[I"L.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle; F;i;o;;[o;;[o; ;[o;;[I"btn-group; F; i^;I"; F;0;o;;{; i^;@I">; Fo; ;[o;;[I"btn; F; i^;@o;;[I" large; F; i^;@o;2 ; ;3;[I"last-child; F;40; i^;@;0;o;;{; i^;@o;;[ I" ; Fo; ;[o;;[I"btn-group; F; i^;@;0;o;;{; i^;@I">; Fo; ;[o;;[I" large; F; i^;@o;;[I"dropdown-toggle; F; i^;@;0;o;;{; i^;@; i^;@;[ o; ;[I"$-webkit-border-top-right-radius; T;o;;I"6px; T; ;; @ ;i; ;!;[; i_; @ o; ;[I" -moz-border-radius-topright; T;o;;I"6px; T; ;; @ ;i; ;!;[; i`; @ o; ;[I"border-top-right-radius; T;o;;I"6px; T; ;; @ ;i; ;!;[; ia; @ o; ;[I"'-webkit-border-bottom-right-radius; T;o;;I"6px; T; ;; @ ;i; ;!;[; ib; @ o; ;[I"#-moz-border-radius-bottomright; T;o;;I"6px; T; ;; @ ;i; ;!;[; ic; @ o; ;[I"border-bottom-right-radius; T;o;;I"6px; T; ;; @ ;i; ;!;[; id; @ ; i^;&T; @ o; ;[I"?/* On hover/focus/active, bring the proper btn to front */; F; ; ;[; ig; @ o; ;[I"i.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active; F;i;o;;[ o;;[o; ;[o;;[I"btn-group; F; ik;I"; F;0;o;;{; ik;@I">; Fo; ;[o;;[I"btn; F; ik;@o;2 ; ;3;[I" hover; F;40; ik;@;0;o;;{; ik;@o;;[ I" ; Fo; ;[o;;[I"btn-group; F; ik;@;0;o;;{; ik;@I">; Fo; ;[o;;[I"btn; F; ik;@o;2 ; ;3;[I" focus; F;40; ik;@;0;o;;{; ik;@o;;[ I" ; Fo; ;[o;;[I"btn-group; F; ik;@;0;o;;{; ik;@I">; Fo; ;[o;;[I"btn; F; ik;@o;2 ; ;3;[I" active; F;40; ik;@;0;o;;{; ik;@o;;[ I" ; Fo; ;[o;;[I"btn-group; F; ik;@;0;o;;{; ik;@I">; Fo; ;[o;;[I"btn; F; ik;@o;;[I" active; F; ik;@;0;o;;{; ik;@; ik;@;[o; ;[I" z-index; T;o;;I"2; T; ;; @ ;i; ;!;[; il; @ ; ik;&T; @ o; ;[I"1/* On active and open, don't show outline */; F; ; ;[; io; @ o; ;[I"I.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle; F;i;o;;[o;;[o; ;[o;;[I"btn-group; F; iq;I"; F;0;o;;{; iq;@o; ;[o;;[I"dropdown-toggle; F; iq;@o;2 ; ;3;[I" active; F;40; iq;@;0;o;;{; iq;@o;;[I" ; Fo; ;[o;;[I"btn-group; F; iq;@o;;[I" open; F; iq;@;0;o;;{; iq;@o; ;[o;;[I"dropdown-toggle; F; iq;@;0;o;;{; iq;@; iq;@;[o; ;[I" outline; T;o;;I"0; T; ;; @ ;i; ;!;[; ir; @ ; iq;&T; @ o; ;[I";/* Split button dropdowns * ---------------------- */; F; ; ;[; iw; @ o; ;[I"3/* Give the line between buttons some depth */; F; ; ;[; iz; @ o; ;[I").btn-group > .btn + .dropdown-toggle; T;i;o;;[o;;[ o; ;[o;;[I"btn-group; T; i{;I"; F;0;o;;{; i{;@I">; To; ;[o;;[I"btn; T; i{;@;0;o;;{; i{;@I"+; To; ;[o;;[I"dropdown-toggle; T; i{;@;0;o;;{; i{;@; i{;@;[ o; ;[I"padding-left; T;o;;I"8px; T; ;; @ ;i; ;!;[; i|; @ o; ;[I"padding-right; T;o;;I"8px; T; ;; @ ;i; ;!;[; i}; @ o;" ;I"box-shadow; T;#[o:Sass::Script::List ;[ o; ;I" inset; T; ;; i~; @ o;, ;i;-[I"px; T;.[; i~;/I"1px; F; @ o;, ;i;-[;.@; i~;/I"0; F; @ o;, ;i;-[;.@; i~;/I"0; F; @ o:Sass::Script::Funcall ;I" rgba; T;#[ o;, ;i;-[;.@; i~;/I"255; F; @ o;, ;i;-[;.@; i~;/I"255; F; @ o;, ;i;-[;.@; i~;/I"255; F; @ o;, ;f 0.125;-[;.@; i~;/I" 0.125; F; @ ;${;%0; i~; @ :@separator: space; i~; @ o;5 ;[ o; ;I" inset; T; ;; i~; @ o;, ;i;-[;.@; i~;/I"0; F; @ o;, ;i;-[I"px; T;.[; i~;/I"1px; F; @ o;, ;i;-[;.@; i~;/I"0; F; @ o;6 ;I" rgba; T;#[ o;, ;i;-[;.@; i~;/I"255; F; @ o;, ;i;-[;.@; i~;/I"255; F; @ o;, ;i;-[;.@; i~;/I"255; F; @ o;, ;f0.20000000000000001;-[;.@; i~;/I"0.2; F; @ ;${;%0; i~; @ ;7;8; i~; @ o;5 ;[ o;, ;i;-[;.@; i~;/I"0; F; @ o;, ;i;-[I"px; T;.[; i~;/I"1px; F; @ o;, ;i;-[I"px; T;.[; i~;/I"2px; F; @ o;6 ;I" rgba; T;#[ o;, ;i;-[;.@; i~;/I"0; F; @ o;, ;i;-[;.@; i~;/I"0; F; @ o;, ;i;-[;.@; i~;/I"0; F; @ o;, ;f0.050000000000000003;-[;.@; i~;/I" 0.05; F; @ ;${;%0; i~; @ ;7;8; i~; @ ;${;%0;[; i~; @ o; ;[I"*padding-top; T;o;;I"5px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"*padding-bottom; T;o;;I"5px; T; ;; @ ;i; ;!;[; i{; @ ; i{;&T; @ o; ;[I"..btn-group > .btn-mini + .dropdown-toggle; T;i;o;;[o;;[ o; ;[o;;[I"btn-group; T; i};I"; F;0;o;;{; i};@\I">; To; ;[o;;[I" btn-mini; T; i};@\;0;o;;{; i};@\I"+; To; ;[o;;[I"dropdown-toggle; T; i};@\;0;o;;{; i};@\; i};@\;[ o; ;[I"padding-left; T;o;;I"5px; T; ;; @ ;i; ;!;[; i~; @ o; ;[I"padding-right; T;o;;I"5px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"*padding-top; T;o;;I"2px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"*padding-bottom; T;o;;I"2px; T; ;; @ ;i; ;!;[; i; @ ; i};&T; @ o; ;[I"/.btn-group > .btn-small + .dropdown-toggle; T;i;o;;[o;;[ o; ;[o;;[I"btn-group; T; i;I"; F;0;o;;{; i;@I">; To; ;[o;;[I"btn-small; T; i;@;0;o;;{; i;@I"+; To; ;[o;;[I"dropdown-toggle; T; i;@;0;o;;{; i;@; i;@;[o; ;[I"*padding-top; T;o;;I"5px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"*padding-bottom; T;o;;I"4px; T; ;; @ ;i; ;!;[; i; @ ; i;&T; @ o; ;[I"/.btn-group > .btn-large + .dropdown-toggle; T;i;o;;[o;;[ o; ;[o;;[I"btn-group; T; i;I"; F;0;o;;{; i;@I">; To; ;[o;;[I"btn-large; T; i;@;0;o;;{; i;@I"+; To; ;[o;;[I"dropdown-toggle; T; i;@;0;o;;{; i;@; i;@;[ o; ;[I"padding-left; T;o;;I" 12px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"padding-right; T;o;;I" 12px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"*padding-top; T;o;;I"7px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"*padding-bottom; T;o;;I"7px; T; ;; @ ;i; ;!;[; i; @ ; i;&T; @ o; ;[I".btn-group.open; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; i;I"; Fo;;[I" open; T; i;@;0;o;;{; i;@; i;@;[o; ;[I"/* The clickable button for toggling the menu * Remove the gradient and set the same inset shadow as the :active state */; F; ; ;[; i; @ o; ;[I".dropdown-toggle; T;i;o;;[o;;[o; ;[o;;[I"dropdown-toggle; T; i;I"; F;0;o;;{; i;@; i;@;[o; ;[I"background-image; T;o;;I" none; T; ;; @ ;i; ;!;[; i; @ o;" ;I"box-shadow; T;#[o;5 ;[ o; ;I" inset; T; ;; i; @ o;, ;i;-[;.@; i;/I"0; F; @ o;, ;i;-[I"px; T;.[; i;/I"2px; F; @ o;, ;i ;-[I"px; T;.[; i;/I"4px; F; @ o;6 ;I" rgba; T;#[ o;, ;i;-[;.@; i;/I"0; F; @ o;, ;i;-[;.@; i;/I"0; F; @ o;, ;i;-[;.@; i;/I"0; F; @ o;, ;f0.1499999999999999933;-[;.@; i;/I" 0.15; F; @ ;${;%0; i; @ ;7;8; i; @ o;5 ;[ o;, ;i;-[;.@; i;/I"0; F; @ o;, ;i;-[I"px; T;.[; i;/I"1px; F; @ o;, ;i;-[I"px; T;.[; i;/I"2px; F; @ o;6 ;I" rgba; T;#[ o;, ;i;-[;.@; i;/I"0; F; @ o;, ;i;-[;.@; i;/I"0; F; @ o;, ;i;-[;.@; i;/I"0; F; @ o;, ;f0.050000000000000003;-[;.@; i;/I" 0.05; F; @ ;${;%0; i; @ ;7;8; i; @ ;${;%0;[; i; @ ; i;&T; @ o; ;[I" .btn { position: relative; @include border-radius(0); } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu { font-size: $baseFontSize; // redeclare as part 2 of font-size inline-block hack } // Reset fonts for other sizes .btn-group > .btn-mini { font-size: 11px; } .btn-group > .btn-small { font-size: 12px; } .btn-group > .btn-large { font-size: 16px; } // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } // Reset corners for large buttons .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } // On hover/focus/active, bring the proper btn to front .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } // On active and open, don't show outline .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } // Split button dropdowns // ---------------------- // Give the line between buttons some depth .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; @include box-shadow(inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)); *padding-top: 5px; *padding-bottom: 5px; } .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } .btn-group.open { // The clickable button for toggling the menu // Remove the gradient and set the same inset shadow as the :active state .dropdown-toggle { background-image: none; @include box-shadow(inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)); } // Keep the hover's background when dropdown is open .btn.dropdown-toggle { background-color: $btnBackgroundHighlight; } .btn-primary.dropdown-toggle { background-color: $btnPrimaryBackgroundHighlight; } .btn-warning.dropdown-toggle { background-color: $btnWarningBackgroundHighlight; } .btn-danger.dropdown-toggle { background-color: $btnDangerBackgroundHighlight; } .btn-success.dropdown-toggle { background-color: $btnSuccessBackgroundHighlight; } .btn-info.dropdown-toggle { background-color: $btnInfoBackgroundHighlight; } .btn-inverse.dropdown-toggle { background-color: $btnInverseBackgroundHighlight; } } // Reposition the caret .btn .caret { margin-top: 8px; margin-left: 0; } // Carets in other button sizes .btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } // Upside down carets for .dropup .dropup .btn-large .caret { border-bottom-width: 5px; } // Account for other colors .btn-primary, .btn-warning, .btn-danger, .btn-info, .btn-success, .btn-inverse { .caret { border-top-color: $white; border-bottom-color: $white; } } // Vertical button groups // ---------------------- .btn-group-vertical { display: inline-block; // makes buttons only take up the width they need @include ie7-inline-block(); } .btn-group-vertical .btn { display: block; float: none; width: 100%; @include border-radius(0); } .btn-group-vertical .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical .btn:first-child { @include border-radius(4px 4px 0 0); } .btn-group-vertical .btn:last-child { @include border-radius(0 0 4px 4px); } .btn-group-vertical .btn-large:first-child { @include border-radius(6px 6px 0 0); } .btn-group-vertical .btn-large:last-child { @include border-radius(0 0 6px 6px); } ; T; i;&T; @