mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-08 17:22:31 +03:00
Code Activity

remove single corner border-radius mixins

Browse Source
This commit is contained in:
Mark Otto
2012-12-01 14:25:28 -08:00
parent dd11d0a3fa
commit 19ee7999f4
4 changed files with 55 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/button-groups.less
+8 -8
View File
@@ -57,25 +57,25 @@
// 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-top-left-radius: @border-radius-base;
border-bottom-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-top-right-radius: @border-radius-base;
border-bottom-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-top-left-radius: @border-radius-large;
border-bottom-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-top-right-radius: @border-radius-large;
border-bottom-right-radius: @border-radius-large;
}
// On hover/focus/active, bring the proper btn to front
less/mixins.less
+9 -31
View File
@@ -173,44 +173,22 @@
// CSS3 PROPERTIES
// --------------------------------------------------
// Single Corner Border Radius
.border-top-left-radius(@radius) {
-webkit-border-top-left-radius: @radius;
-moz-border-radius-topleft: @radius;
border-top-left-radius: @radius;
}
.border-top-right-radius(@radius) {
-webkit-border-top-right-radius: @radius;
-moz-border-radius-topright: @radius;
border-top-right-radius: @radius;
}
.border-bottom-right-radius(@radius) {
-webkit-border-bottom-right-radius: @radius;
-moz-border-radius-bottomright: @radius;
border-bottom-right-radius: @radius;
}
.border-bottom-left-radius(@radius) {
-webkit-border-bottom-left-radius: @radius;
-moz-border-radius-bottomleft: @radius;
border-bottom-left-radius: @radius;
}
// Single Side Border Radius
// Single side border-radius
.border-top-radius(@radius) {
.border-top-right-radius(@radius);
.border-top-left-radius(@radius);
border-top-right-radius: @radius;
border-top-left-radius: @radius;
}
.border-right-radius(@radius) {
.border-top-right-radius(@radius);
.border-bottom-right-radius(@radius);
border-bottom-right-radius: @radius;
border-top-right-radius: @radius;
}
.border-bottom-radius(@radius) {
.border-bottom-right-radius(@radius);
.border-bottom-left-radius(@radius);
border-bottom-right-radius: @radius;
border-bottom-left-radius: @radius;
}
.border-left-radius(@radius) {
.border-top-left-radius(@radius);
.border-bottom-left-radius(@radius);
border-bottom-left-radius: @radius;
border-top-left-radius: @radius;
}
// Drop shadows
less/tables.less
+8 -8
View File
@@ -90,30 +90,30 @@ table {
// For first th or td in the first row in the first thead or tbody
thead:first-child tr:first-child th:first-child,
tbody:first-child tr:first-child td:first-child {
.border-top-left-radius(@border-radius-base);
border-top-left-radius: @border-radius-base;
}
thead:first-child tr:first-child th:last-child,
tbody:first-child tr:first-child td:last-child {
.border-top-right-radius(@border-radius-base);
border-top-right-radius: @border-radius-base;
}
// For first th or td in the last row in the last thead or tbody
thead:last-child tr:last-child th:first-child,
tbody:last-child tr:last-child td:first-child,
tfoot:last-child tr:last-child td:first-child {
.border-bottom-left-radius(@border-radius-base);
border-bottom-left-radius: @border-radius-base;
}
thead:last-child tr:last-child th:last-child,
tbody:last-child tr:last-child td:last-child,
tfoot:last-child tr:last-child td:last-child {
.border-bottom-right-radius(@border-radius-base);
border-bottom-right-radius: @border-radius-base;
}
// Clear border-radius for first and last td in the last row in the last tbody for table with tfoot
tfoot + tbody:last-child tr:last-child td:first-child {
.border-bottom-left-radius(0);
border-bottom-left-radius: 0;
}
tfoot + tbody:last-child tr:last-child td:last-child {
.border-bottom-right-radius(0);
border-bottom-right-radius: 0;
}
@@ -122,13 +122,13 @@ table {
caption + tbody tr:first-child td:first-child,
colgroup + thead tr:first-child th:first-child,
colgroup + tbody tr:first-child td:first-child {
.border-top-left-radius(@border-radius-base);
border-top-left-radius: @border-radius-base;
}
caption + thead tr:first-child th:last-child,
caption + tbody tr:first-child td:last-child,
colgroup + thead tr:first-child th:last-child,
colgroup + tbody tr:first-child td:last-child {
.border-top-right-radius(@border-radius-base);
border-top-right-radius: @border-radius-base;
}
}