diff options
author | Thomas Park <thomas@thomaspark.me> | 2013-08-19 20:05:19 -0400 |
---|---|---|
committer | Thomas Park <thomas@thomaspark.me> | 2013-08-19 20:05:19 -0400 |
commit | 424dd8bc118b36c9173dbdc05661086c8566fd17 (patch) | |
tree | 6e8d8f9c4aa7b1bd209448f5ac7d78b4e983b573 /bower_components/bootstrap/less/tables.less | |
parent | d29efdf7b225badbee54f074400c996be7159233 (diff) |
update bootstrap to 3.0.0 final
Diffstat (limited to 'bower_components/bootstrap/less/tables.less')
-rwxr-xr-x | bower_components/bootstrap/less/tables.less | 105 |
1 files changed, 83 insertions, 22 deletions
diff --git a/bower_components/bootstrap/less/tables.less b/bower_components/bootstrap/less/tables.less index 05c09192..7543b165 100755 --- a/bower_components/bootstrap/less/tables.less +++ b/bower_components/bootstrap/less/tables.less @@ -13,7 +13,6 @@ th { // Baseline styles -// --------------- .table { width: 100%; @@ -35,6 +34,7 @@ th { // Bottom align for column headings thead > tr > th { vertical-align: bottom; + border-bottom: 2px solid @table-border-color; } // Remove top border from thead by default caption + thead, @@ -58,9 +58,7 @@ th { } - // Condensed table w/ half padding -// ------------------------------- .table-condensed { thead, @@ -76,9 +74,9 @@ th { } - // Bordered version -// ---------------- +// +// Add borders all around the table and between all the columns. .table-bordered { border: 1px solid @table-border-color; @@ -92,14 +90,21 @@ th { } } } + > thead { + > tr { + > th, + > td { + border-bottom-width: 2px; + } + } + } } - // Zebra-striping -// -------------- - +// // Default zebra-stripe styles (alternating gray and transparent backgrounds) + .table-striped { > tbody { > tr:nth-child(odd) { @@ -112,11 +117,10 @@ th { } - // Hover effect -// ------------ - +// // Placed here since it has to come after the potential zebra striping + .table-hover { > tbody { > tr:hover { @@ -129,19 +133,18 @@ th { } - // Table cell sizing -// ----------------- - +// // Reset default table behavior -table col[class^="col-"] { + +table col[class*="col-"] { float: none; display: table-column; } table { td, th { - &[class^="col-"] { + &[class*="col-"] { float: none; display: table-cell; } @@ -149,9 +152,8 @@ table { } - // Table backgrounds -// ----------------- +// // Exact selectors below required to override `.table-striped` and prevent // inheritance to nested tables. @@ -166,10 +168,69 @@ table { } } -// Contextual variants -// ------------------- +// Generate the contextual variants .table-row-variant(success; @state-success-bg; @state-success-border); - .table-row-variant(danger; @state-danger-bg; @state-danger-border); - .table-row-variant(warning; @state-warning-bg; @state-warning-border); + + +// Responsive tables +// +// Wrap your tables in `.table-scrollable` and we'll make them mobile friendly +// by enabling horizontal scrolling. Only applies <768px. Everything above that +// will display normally. + +@media (max-width: @screen-sm) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: scroll; + border: 1px solid @table-border-color; + + // Tighten up spacing and give a background color + > .table { + margin-bottom: 0; + background-color: #fff; + + // Ensure the content doesn't wrap + > thead, + > tbody, + > tfoot { + > tr { + > th, + > td { + white-space: nowrap; + } + } + } + } + + // Special overrides for the bordered tables + > .table-bordered { + border: 0; + + // Nuke the appropriate borders so that the parent can handle them + > thead, + > tbody, + > tfoot { + > tr { + > th:first-child, + > td:first-child { + border-left: 0; + } + > th:last-child, + > td:last-child { + border-right: 0; + } + } + > tr:last-child { + > th, + > td { + border-bottom: 0; + } + } + } + } + } +} |