add basic vertical button group support

This commit is contained in:
Mark Otto
2012-06-19 14:42:46 -07:00
parent 64ba423b6d
commit b54264cde0
4 changed files with 120 additions and 0 deletions

View File

@@ -189,3 +189,33 @@
}
}
// Vertical button groups
// ----------------------
.btn-group-vertical {
display: inline-block; // makes buttons only take up the width they need
}
.btn-group-vertical .btn {
display: block;
float: none;
margin-left: 0;
width: 100%;
.border-radius(0);
}
.btn-group-vertical .btn + .btn {
margin-top: -1px;
}
.btn-group-vertical .btn:first-child {
.border-radius(4px 4px 0 0);
}
.btn-group-vertical .btn:last-child {
.border-radius(0 0 4px 4px);
}
.btn-group-vertical .btn-large:first-child {
.border-radius(6px 6px 0 0);
}
.btn-group-vertical .btn-large:last-child {
.border-radius(0 0 6px 6px);
}