2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

enable button groups in vertical button groups

This commit is contained in:
Mark Otto
2013-08-13 10:24:18 -07:00
parent f15f259876
commit 69a3e9b4d0
4 changed files with 60 additions and 21 deletions
+20 -13
View File
@@ -168,18 +168,27 @@
// Vertical button groups
// ----------------------
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical {
.btn + .btn,
.btn + .btn-group,
.btn-group + .btn,
.btn-group + .btn-group {
> .btn,
> .btn-group {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
// Clear floats so dropdown menus can be properly placed
> .btn-group {
.clearfix();
> .btn {
float: none;
}
}
> .btn + .btn,
> .btn + .btn-group,
> .btn-group + .btn,
> .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
@@ -204,12 +213,10 @@
.btn-group-vertical > .btn-group:first-child {
> .btn:last-child,
> .dropdown-toggle {
border-top-right-radius: @border-radius-base;
.border-bottom-radius(0);
}
}
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
border-bottom-left-radius: @border-radius-base;
.border-top-radius(0);
}