diff options
Diffstat (limited to 'less/button-groups.less')
| -rw-r--r-- | less/button-groups.less | 30 |
1 files changed, 17 insertions, 13 deletions
diff --git a/less/button-groups.less b/less/button-groups.less index d421b8f42..05235b93b 100644 --- a/less/button-groups.less +++ b/less/button-groups.less @@ -34,16 +34,16 @@ } .btn-group > .btn, .btn-group > .dropdown-menu { - font-size: @baseFontSize; // redeclare as part 2 of font-size inline-block hack + font-size: 13px; // redeclare as part 2 of font-size inline-block hack } // Reset fonts for other sizes .btn-group > .btn-mini, .btn-group > .btn-small { - font-size: @baseFontSize - 2px; + font-size: 12px; } .btn-group > .btn-large { - font-size: @baseFontSize + 2px; + 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 @@ -107,23 +107,23 @@ // Give the line between buttons some depth .btn-group > .dropdown-toggle { - padding-left: 10px; - padding-right: 10px; + padding-left: 8px; + padding-right: 8px; .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: 8px; - *padding-bottom: 8px; + *padding-top: 4px; + *padding-bottom: 4px; } .btn-group > .btn-mini.dropdown-toggle { - padding-left: 8px; - padding-right: 8px; + padding-left: 5px; + padding-right: 5px; } .btn-group > .btn-small.dropdown-toggle { - *padding-top: 6px; - *padding-bottom: 6px; + *padding-top: 4px; + *padding-bottom: 4px; } .btn-group > .btn-large.dropdown-toggle { - padding-left: 14px; - padding-right: 14px; + padding-left: 12px; + padding-right: 12px; } .btn-group.open { @@ -162,6 +162,7 @@ // Reposition the caret .btn .caret { + margin-top: 7px; margin-left: 0; } .btn:hover .caret, @@ -170,10 +171,13 @@ } // Carets in other button sizes .btn-mini .caret { + margin-top: 5px; } .btn-small .caret { + margin-top: 6px; } .btn-large .caret { + margin-top: 6px; border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; |
