rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00
Code Issues Actions Packages Releases Activity

refactor tables.less to use nesting more

Browse Source
This commit is contained in:
Chris Rebert 2013-07-02 11:25:57 -07:00
parent 749dc35328
commit da072fff21
2 changed files with 66 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/assets/css/bootstrap.css vendored
View File

@ -1126,10 +1126,10 @@ th {
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
border-top: 0;
}
@ -1212,15 +1212,15 @@ th {
}
.table-bordered > caption + thead > tr:first-child > th:first-child,
.table-bordered > caption + tbody > tr:first-child > td:first-child,
.table-bordered > colgroup + thead > tr:first-child > th:first-child,
.table-bordered > caption + tbody > tr:first-child > td:first-child,
.table-bordered > colgroup + tbody > tr:first-child > td:first-child {
border-top-left-radius: 4px;
}
.table-bordered > caption + thead > tr:first-child > th:last-child,
.table-bordered > caption + tbody > tr:first-child > td:last-child,
.table-bordered > colgroup + thead > tr:first-child > th:last-child,
.table-bordered > caption + tbody > tr:first-child > td:last-child,
.table-bordered > colgroup + tbody > tr:first-child > td:last-child {
border-top-right-radius: 4px;
}

106
less/tables.less
View File

@ -19,27 +19,31 @@ th {
width: 100%;
margin-bottom: @line-height-computed;
// Cells
thead > tr > th,
tbody > tr > th,
thead > tr > td,
tbody > tr > td {
padding: 8px;
line-height: @line-height-base;
vertical-align: top;
border-top: 1px solid @table-border-color;
thead,
tbody {
> tr {
> th,
> td {
padding: 8px;
line-height: @line-height-base;
vertical-align: top;
border-top: 1px solid @table-border-color;
}
}
}
// Bottom align for column headings
thead > tr > th {
vertical-align: bottom;
}
// Remove top border from thead by default
caption + thead tr:first-child th,
caption + thead tr:first-child td,
colgroup + thead tr:first-child th,
colgroup + thead tr:first-child td,
thead:first-child tr:first-child th,
thead:first-child tr:first-child td {
border-top: 0;
caption + thead,
colgroup + thead,
thead:first-child {
tr:first-child {
th, td {
border-top: 0;
}
}
}
// Account for multiple tbody instances
tbody + tbody {
@ -58,11 +62,14 @@ th {
// -------------------------------
.table-condensed {
thead > tr > th,
tbody > tr > th,
thead > tr > td,
tbody > tr > td {
padding: 4px 5px;
thead,
tbody {
> tr {
> th,
> td {
padding: 4px 5px;
}
}
}
}
@ -77,11 +84,14 @@ th {
border-left: 0;
border-radius: @border-radius-base;
> thead > tr > th,
> tbody > tr > th,
> thead > tr > td,
> tbody > tr > td {
border-left: 1px solid @table-border-color;
> thead,
> tbody {
> tr {
> th,
> td {
border-left: 1px solid @table-border-color;
}
}
}
// Prevent a double border
> caption + thead > tr:first-child th,
@ -131,15 +141,16 @@ th {
}
// Special fixes to round the left border on the first td/th
> caption + thead > tr:first-child > th,
> caption + tbody > tr:first-child > td,
> colgroup + thead > tr:first-child > th,
> colgroup + tbody > tr:first-child > td {
&:first-child{
border-top-left-radius: @border-radius-base;
}
&:last-child{
border-top-right-radius: @border-radius-base;
> caption,
> colgroup {
+ thead > tr:first-child > th,
+ tbody > tr:first-child > td {
&:first-child {
border-top-left-radius: @border-radius-base;
}
&:last-child {
border-top-right-radius: @border-radius-base;
}
}
}
}
@ -152,9 +163,11 @@ th {
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
.table-striped {
> tbody {
> tr:nth-child(odd) > td,
> tr:nth-child(odd) > th {
background-color: @table-bg-accent;
> tr:nth-child(odd) {
> td,
> th {
background-color: @table-bg-accent;
}
}
}
}
@ -167,9 +180,11 @@ th {
// Placed here since it has to come after the potential zebra striping
.table-hover {
> tbody {
> tr:hover > td,
> tr:hover > th {
background-color: @table-bg-hover;
> tr:hover {
> td,
> th {
background-color: @table-bg-hover;
}
}
}
}
@ -184,10 +199,13 @@ table col[class^="col-"] {
float: none;
display: table-column;
}
table td[class^="col-"],
table th[class^="col-"] {
float: none;
display: table-cell;
table {
td, th {
&[class^="col-"] {
float: none;
display: table-cell;
}
}
}