border radius on large button toolbar

This commit is contained in:
Mark Otto
2011-12-27 17:39:34 -06:00
parent 53c6dbff0d
commit 704d713aad
3 changed files with 38 additions and 1 deletions

View File

@@ -417,6 +417,24 @@ input[type=submit].btn {
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
// Reset corners for large buttons
&.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;
}
&.large:last-child {
-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;
}
}
// On hover/focus/active, bring the proper btn to front
.btn-group .btn:hover,