summaryrefslogtreecommitdiff
path: root/bower_components/bootstrap/less/tables.less
diff options
context:
space:
mode:
authorThomas Park <thomas@thomaspark.me>2013-08-19 20:05:19 -0400
committerThomas Park <thomas@thomaspark.me>2013-08-19 20:05:19 -0400
commit424dd8bc118b36c9173dbdc05661086c8566fd17 (patch)
tree6e8d8f9c4aa7b1bd209448f5ac7d78b4e983b573 /bower_components/bootstrap/less/tables.less
parentd29efdf7b225badbee54f074400c996be7159233 (diff)
update bootstrap to 3.0.0 final
Diffstat (limited to 'bower_components/bootstrap/less/tables.less')
-rwxr-xr-xbower_components/bootstrap/less/tables.less105
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;
+ }
+ }
+ }
+ }
+ }
+}