diff options
author | Mark Otto <markotto@twitter.com> | 2012-06-20 01:42:46 +0400 |
---|---|---|
committer | Mark Otto <markotto@twitter.com> | 2012-06-20 01:42:46 +0400 |
commit | b54264cde0b1e72fbb463e4aa272ed1c2876bd02 (patch) | |
tree | 868d23d81c6cf39a002d196be438927f4450e14e /less | |
parent | 64ba423b6d06c98e95e23d8c34df62a47a421a03 (diff) |
add basic vertical button group support
Diffstat (limited to 'less')
-rw-r--r-- | less/button-groups.less | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/less/button-groups.less b/less/button-groups.less index 5338c5a450..e3c1de8adf 100644 --- a/less/button-groups.less +++ b/less/button-groups.less @@ -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); +} |