aboutsummaryrefslogtreecommitdiff
path: root/less/button-groups.less
diff options
context:
space:
mode:
Diffstat (limited to 'less/button-groups.less')
-rw-r--r--less/button-groups.less30
1 files changed, 9 insertions, 21 deletions
diff --git a/less/button-groups.less b/less/button-groups.less
index b6c052ca4..a816a1ae1 100644
--- a/less/button-groups.less
+++ b/less/button-groups.less
@@ -41,32 +41,26 @@
position: relative;
border-radius: 0;
}
-.btn-group > .btn + .btn {
- margin-left: 1px;
-}
+
// 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;
- border-top-left-radius: @border-radius-base;
- border-bottom-left-radius: @border-radius-base;
+ .border-left-radius(@border-radius-base);
}
// 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 {
- border-top-right-radius: @border-radius-base;
- border-bottom-right-radius: @border-radius-base;
+ .border-right-radius(@border-radius-base);
}
// Reset corners for large buttons
.btn-group > .btn.large:first-child {
margin-left: 0;
- border-top-left-radius: @border-radius-large;
- border-bottom-left-radius: @border-radius-large;
+ .border-left-radius(@border-radius-large);
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
- border-top-right-radius: @border-radius-large;
- border-bottom-right-radius: @border-radius-large;
+ .border-right-radius(@border-radius-large);
}
// On active and open, don't show outline
@@ -119,29 +113,23 @@
// Vertical button groups
// ----------------------
-.btn-group-vertical {
-}
.btn-group-vertical > .btn {
display: block;
float: none;
border-radius: 0;
max-width: 100%;
}
-.btn-group-vertical > .btn + .btn {
- margin-left: 0;
- margin-top: 1px;
-}
.btn-group-vertical .btn:first-child {
- border-radius: @border-radius-base @border-radius-base 0 0;
+ .border-top-radius(@border-radius-base);
}
.btn-group-vertical .btn:last-child {
- border-radius: 0 0 @border-radius-base @border-radius-base;
+ .border-bottom-radius(@border-radius-base);
}
.btn-group-vertical .btn-large:first-child {
- border-radius: @border-radius-large @border-radius-large 0 0;
+ .border-top-radius(@border-radius-large);
}
.btn-group-vertical .btn-large:last-child {
- border-radius: 0 0 @border-radius-large @border-radius-large;
+ .border-bottom-radius(@border-radius-large);
}