diff options
| author | Ninir <[email protected]> | 2012-10-30 10:22:09 +0100 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-10-31 11:09:44 -0700 |
| commit | be03a5308663052be22d48cbe247b2c259fdefe9 (patch) | |
| tree | 94993c2adb2ff7cbd57ea9e8def0d3fcbdf4ebb4 /less/button-groups.less | |
| parent | 14b941744c5ef3cc67c41e3bae7284fafe052415 (diff) | |
| download | bootstrap-be03a5308663052be22d48cbe247b2c259fdefe9.tar.xz bootstrap-be03a5308663052be22d48cbe247b2c259fdefe9.zip | |
Replaced hardcoded CSS rules with mixins
Diffstat (limited to 'less/button-groups.less')
| -rw-r--r-- | less/button-groups.less | 32 |
1 files changed, 8 insertions, 24 deletions
diff --git a/less/button-groups.less b/less/button-groups.less index 46837e628..ca8a770d4 100644 --- a/less/button-groups.less +++ b/less/button-groups.less @@ -58,41 +58,25 @@ // 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; + .border-top-left-radius(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; + .border-top-right-radius(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; + .border-top-left-radius(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; + .border-top-right-radius(6px); + .border-bottom-right-radius(6px); } // On hover/focus/active, bring the proper btn to front |