{: versionI"3.2.3 (Media Mark):EF:sha"-0dd84072f190f80165deda14d11b8eb5113a1d6b: contents"&}o:Sass::Tree::RootNode :@children[8o:Sass::Tree::CommentNode : @value[I"9/* Partial: twitter/bootstrap/_button-groups.scss */:ET: @type: normal;[: @linei: @options{o; ;[I"Q/* * Button groups * -------------------------------------------------- */; T; : silent;[; i; @ o; ;[I",/* Make the div behave like a button */; T; ;;[; 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 */; T; ;;[; i; @ o; ;[I"vertical-align; T;o;;I" middle; T; ; ; @ ;i;!;";[; i; @ o; ;[I":/* match .btn alignment given font-size hack above */; T; ;;[; 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) */; T; ;;[; i; @ o;# ;I" ie7-restore-left-whitespace; T;$[;%{;&0;[; i; @ ; i :@has_childrenT; @ o; ;[I",/* Space out series of button groups */; T; ;;[; i; @ o; ;[I".btn-group + .btn-group; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; i;I"; F;0;o;;{; i;@hI"+; To; ;[o;;[I"btn-group; T; i;@h;0;o;;{; i;@h; i;@h;[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 */; T; ;;[; 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 */; T; ;;[; 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 ;0I"2; F; @ ;1;2; 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 */; T; ;;[; 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+;0I"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.;0I" -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; i1;I"; F;0;o;;{; i1;@KI">; Fo; ;[o;;[I"btn; F; i1;@K;0;o;;{; i1;@Ko;;[ I" ; Fo; ;[o;;[I"btn-group; F; i1;@K;0;o;;{; i1;@KI">; Fo; ;[o;;[I"dropdown-menu; F; i1;@K;0;o;;{; i1;@K; i1;@K;[o; ;[I"font-size; T;o;* ;I"baseFontSize; T;+I"baseFontSize; T; i2; @ ;i;!;";[; i2; @ o; ;[I"=/* redeclare as part 2 of font-size inline-block hack */; T; ;;[; i2; @ ; i1;'T; @ o; ;[I"&/* Reset fonts for other sizes */; T; ;;[; i5; @ o; ;[I".btn-group > .btn-mini; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; i6;I"; F;0;o;;{; i6;@I">; To; ;[o;;[I" btn-mini; T; i6;@;0;o;;{; i6;@; i6;@;[o; ;[I"font-size; T;o;;I" 11px; T; ; ; @ ;i;!;";[; i7; @ ; i6;'T; @ o; ;[I".btn-group > .btn-small; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; i9;I"; F;0;o;;{; i9;@I">; To; ;[o;;[I"btn-small; T; i9;@;0;o;;{; i9;@; i9;@;[o; ;[I"font-size; T;o;;I" 12px; T; ; ; @ ;i;!;";[; i:; @ ; i9;'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 */; T; ;;[; i@; @ o; ;[I"".btn-group > .btn:first-child; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; iA;I"; F;0;o;;{; iA;@I">; To; ;[o;;[I"btn; T; iA;@o:Sass::Selector::Pseudo ; : class;[I"first-child; T: @arg0; iA;@;0;o;;{; iA;@; iA;@;[ o; ;[I"margin-left; T;o;;I"0; T; ; ; @ ;i;!;";[; iB; @ o; ;[I"#-webkit-border-top-left-radius; T;o;;I"4px; T; ; ; @ ;i;!;";[; iC; @ o; ;[I"-moz-border-radius-topleft; T;o;;I"4px; T; ; ; @ ;i;!;";[; iD; @ o; ;[I"border-top-left-radius; T;o;;I"4px; T; ; ; @ ;i;!;";[; iE; @ o; ;[I"&-webkit-border-bottom-left-radius; T;o;;I"4px; T; ; ; @ ;i;!;";[; iF; @ o; ;[I""-moz-border-radius-bottomleft; T;o;;I"4px; T; ; ; @ ;i;!;";[; iG; @ o; ;[I"border-bottom-left-radius; T;o;;I"4px; T; ; ; @ ;i;!;";[; iH; @ ; iA;'T; @ o; ;[I"l/* Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it */; T; ;;[; iJ; @ o; ;[I"@.btn-group > .btn:last-child, .btn-group > .dropdown-toggle; F;i;o;;[o;;[o; ;[o;;[I"btn-group; F; iL;I"; F;0;o;;{; iL;@+I">; Fo; ;[o;;[I"btn; F; iL;@+o;3 ; ;4;[I"last-child; F;50; iL;@+;0;o;;{; iL;@+o;;[ I" ; Fo; ;[o;;[I"btn-group; F; iL;@+;0;o;;{; iL;@+I">; Fo; ;[o;;[I"dropdown-toggle; F; iL;@+;0;o;;{; iL;@+; iL;@+;[ o; ;[I"$-webkit-border-top-right-radius; T;o;;I"4px; T; ; ; @ ;i;!;";[; iM; @ o; ;[I" -moz-border-radius-topright; T;o;;I"4px; T; ; ; @ ;i;!;";[; iN; @ o; ;[I"border-top-right-radius; T;o;;I"4px; T; ; ; @ ;i;!;";[; iO; @ o; ;[I"'-webkit-border-bottom-right-radius; T;o;;I"4px; T; ; ; @ ;i;!;";[; iP; @ o; ;[I"#-moz-border-radius-bottomright; T;o;;I"4px; T; ; ; @ ;i;!;";[; iQ; @ o; ;[I"border-bottom-right-radius; T;o;;I"4px; T; ; ; @ ;i;!;";[; iR; @ ; iL;'T; @ o; ;[I"*/* Reset corners for large buttons */; T; ;;[; iT; @ o; ;[I"(.btn-group > .btn.large:first-child; T;i;o;;[o;;[o; ;[o;;[I"btn-group; T; iU;I"; F;0;o;;{; iU;@I">; To; ;[o;;[I"btn; T; iU;@o;;[I" large; T; iU;@o;3 ; ;4;[I"first-child; T;50; iU;@;0;o;;{; iU;@; iU;@;[ o; ;[I"margin-left; T;o;;I"0; T; ; ; @ ;i;!;";[; iV; @ o; ;[I"#-webkit-border-top-left-radius; T;o;;I"6px; T; ; ; @ ;i;!;";[; iW; @ o; ;[I"-moz-border-radius-topleft; T;o;;I"6px; T; ; ; @ ;i;!;";[; iX; @ o; ;[I"border-top-left-radius; T;o;;I"6px; T; ; ; @ ;i;!;";[; iY; @ o; ;[I"&-webkit-border-bottom-left-radius; T;o;;I"6px; T; ; ; @ ;i;!;";[; iZ; @ o; ;[I""-moz-border-radius-bottomleft; T;o;;I"6px; T; ; ; @ ;i;!;";[; i[; @ o; ;[I"border-bottom-left-radius; T;o;;I"6px; T; ; ; @ ;i;!;";[; i\; @ ; iU;'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;3 ; ;4;[I"last-child; F;50; 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;!;";[; ia; @ o; ;[I"border-top-right-radius; T;o;;I"6px; T; ; ; @ ;i;!;";[; ib; @ o; ;[I"'-webkit-border-bottom-right-radius; T;o;;I"6px; T; ; ; @ ;i;!;";[; ic; @ o; ;[I"#-moz-border-radius-bottomright; T;o;;I"6px; T; ; ; @ ;i;!;";[; id; @ o; ;[I"border-bottom-right-radius; T;o;;I"6px; T; ; ; @ ;i;!;";[; ie; @ ; i_;'T; @ o; ;[I"?/* On hover/focus/active, bring the proper btn to front */; T; ;;[; ih; @ 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; il;I"; F;0;o;;{; il;@#I">; Fo; ;[o;;[I"btn; F; il;@#o;3 ; ;4;[I" hover; F;50; il;@#;0;o;;{; il;@#o;;[ I" ; Fo; ;[o;;[I"btn-group; F; il;@#;0;o;;{; il;@#I">; Fo; ;[o;;[I"btn; F; il;@#o;3 ; ;4;[I" focus; F;50; il;@#;0;o;;{; il;@#o;;[ I" ; Fo; ;[o;;[I"btn-group; F; il;@#;0;o;;{; il;@#I">; Fo; ;[o;;[I"btn; F; il;@#o;3 ; ;4;[I" active; F;50; il;@#;0;o;;{; il;@#o;;[ I" ; Fo; ;[o;;[I"btn-group; F; il;@#;0;o;;{; il;@#I">; Fo; ;[o;;[I"btn; F; il;@#o;;[I" active; F; il;@#;0;o;;{; il;@#; il;@#;[o; ;[I" z-index; T;o;;I"2; T; ; ; @ ;i;!;";[; im; @ ; il;'T; @ o; ;[I"1/* On active and open, don't show outline */; T; ;;[; ip; @ o; ;[I"I.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle; F;i;o;;[o;;[o; ;[o;;[I"btn-group; F; ir;I"; F;0;o;;{; ir;@o; ;[o;;[I"dropdown-toggle; F; ir;@o;3 ; ;4;[I" active; F;50; ir;@;0;o;;{; ir;@o;;[I" ; Fo; ;[o;;[I"btn-group; F; ir;@o;;[I" open; F; ir;@;0;o;;{; ir;@o; ;[o;;[I"dropdown-toggle; F; ir;@;0;o;;{; ir;@; ir;@;[o; ;[I" outline; T;o;;I"0; T; ; ; @ ;i;!;";[; is; @ ; ir;'T; @ o; ;[I";/* Split button dropdowns * ---------------------- */; T; ;;[; ix; @ o; ;[I"3/* Give the line between buttons some depth */; T; ;;[; i{; @ 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; ; ; @ ; io;- ;i;.[I"px; T;/[; i;0I"1px; F; @ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;i;.[;/@; i;0I"0; F; @ o:Sass::Script::Funcall ;I" rgba; T;$[ o;- ;i;.[;/@; i;0I"255; F; @ o;- ;i;.[;/@; i;0I"255; F; @ o;- ;i;.[;/@; i;0I"255; F; @ o;- ;f 0.125;.[;/@; i;0I" 0.125; F; @ ;%{;&0; i; @ :@separator: space; i; @ o;6 ;[ o; ;I" inset; T; ; ; @ ; io;- ;i;.[;/@; i;0I"0; F; @ o;- ;i;.[I"px; T;/[; i;0I"1px; F; @ o;- ;i;.[;/@; i;0I"0; F; @ o;7 ;I" rgba; T;$[ o;- ;i;.[;/@; i;0I"255; F; @ o;- ;i;.[;/@; i;0I"255; F; @ o;- ;i;.[;/@; i;0I"255; F; @ o;- ;f0.2;.[;/@; i;0I"0.2; F; @ ;%{;&0; i; @ ;8;9; i; @ o;6 ;[ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;i;.[I"px; T;/[; i;0I"1px; F; @ o;- ;i;.[I"px; T;/[; i;0I"2px; F; @ o;7 ;I" rgba; T;$[ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;f 0.05;.[;/@; i;0I" 0.05; F; @ ;%{;&0; i; @ ;8;9; 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 */; T; ;;[; 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;6 ;[ o; ;I" inset; T; ; ; @ ; io;- ;i;.[;/@; i;0I"0; F; @ o;- ;i;.[I"px; T;/[; i;0I"2px; F; @ o;- ;i ;.[I"px; T;/[; i;0I"4px; F; @ o;7 ;I" rgba; T;$[ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;f 0.15;.[;/@; i;0I" 0.15; F; @ ;%{;&0; i; @ ;8;9; i; @ o;6 ;[ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;i;.[I"px; T;/[; i;0I"1px; F; @ o;- ;i;.[I"px; T;/[; i;0I"2px; F; @ o;7 ;I" rgba; T;$[ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;i;.[;/@; i;0I"0; F; @ o;- ;f 0.05;.[;/@; i;0I" 0.05; F; @ ;%{;&0; i; @ ;8;9; 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; @