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

fuck around with responsive reflow table idea

Browse Source
This commit is contained in:
Mark Otto
2014-08-05 17:45:24 -07:00
parent 668dc448a7
commit d4e58c755e
8 changed files with 1239 additions and 1081 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/_tables.less
+65 -13
View File
@@ -43,25 +43,25 @@ th {
border-bottom: 2px solid @table-border-color;
}
// Remove top border from thead by default
> caption + thead,
> colgroup + thead,
> thead:first-child {
> tr:first-child {
> th,
> 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 {
border-top: 2px solid @table-border-color;
}
// Nesting
.table {
background-color: @body-bg;
}
// .table {
// background-color: @body-bg;
// }
}
@@ -264,3 +264,55 @@ table {
}
}
}
.table-reflow {
thead {
float: left;
}
tbody {
display: block;
white-space: nowrap;
}
> thead,
> tbody,
> tfoot {
> tr {
> th,
> td {
border-top: 1px solid @table-border-color;
border-left: 1px solid @table-border-color;
&:last-child {
border-right: 1px solid @table-border-color;
}
}
}
&:last-child {
> tr:last-child {
> th,
> td {
border-bottom: 1px solid @table-border-color;
}
}
}
}
border-right: ;
border-bottom: ;
tr {
float: left;
th,
td {
display: block !important;
border: 1px solid @table-border-color;
}
}
}