2011-11-26 06:34:55 +01:00
|
|
|
//
|
2012-06-29 06:46:45 +02:00
|
|
|
// Tables
|
|
|
|
// --------------------------------------------------
|
2011-05-04 03:09:25 +02:00
|
|
|
|
2011-06-30 09:15:37 +02:00
|
|
|
|
2012-01-20 22:16:40 +01:00
|
|
|
table {
|
2013-04-01 02:29:05 +02:00
|
|
|
background-color: @table-bg;
|
2012-01-20 22:16:40 +01:00
|
|
|
}
|
2013-02-08 17:24:10 +01:00
|
|
|
th {
|
|
|
|
text-align: left;
|
|
|
|
}
|
2012-10-01 08:59:35 +02:00
|
|
|
|
|
|
|
|
2013-07-23 19:48:30 +02:00
|
|
|
// Baseline styles
|
2011-05-04 03:09:25 +02:00
|
|
|
|
2012-01-18 08:39:18 +01:00
|
|
|
.table {
|
2011-05-04 03:09:25 +02:00
|
|
|
width: 100%;
|
2014-06-09 01:54:05 +02:00
|
|
|
max-width: 100%;
|
2013-05-10 17:21:27 +02:00
|
|
|
margin-bottom: @line-height-computed;
|
2012-01-18 08:39:18 +01:00
|
|
|
// Cells
|
2013-08-28 02:13:07 +02:00
|
|
|
> thead,
|
|
|
|
> tbody,
|
|
|
|
> tfoot {
|
2013-07-02 20:25:57 +02:00
|
|
|
> tr {
|
|
|
|
> th,
|
|
|
|
> td {
|
2013-07-18 08:34:04 +02:00
|
|
|
padding: @table-cell-padding;
|
2013-07-02 20:25:57 +02:00
|
|
|
line-height: @line-height-base;
|
|
|
|
vertical-align: top;
|
|
|
|
border-top: 1px solid @table-border-color;
|
|
|
|
}
|
|
|
|
}
|
2012-01-18 08:39:18 +01:00
|
|
|
}
|
2012-02-11 08:07:32 +01:00
|
|
|
// Bottom align for column headings
|
2013-08-28 02:13:07 +02:00
|
|
|
> thead > tr > th {
|
2012-02-11 08:07:32 +01:00
|
|
|
vertical-align: bottom;
|
2013-08-17 23:15:33 +02:00
|
|
|
border-bottom: 2px solid @table-border-color;
|
2012-01-18 08:39:18 +01:00
|
|
|
}
|
|
|
|
// Remove top border from thead by default
|
2013-08-28 02:13:07 +02:00
|
|
|
> caption + thead,
|
|
|
|
> colgroup + thead,
|
|
|
|
> thead:first-child {
|
|
|
|
> tr:first-child {
|
|
|
|
> th,
|
|
|
|
> td {
|
2013-07-02 20:25:57 +02:00
|
|
|
border-top: 0;
|
|
|
|
}
|
|
|
|
}
|
2012-01-18 08:39:18 +01:00
|
|
|
}
|
|
|
|
// Account for multiple tbody instances
|
2013-08-28 02:13:07 +02:00
|
|
|
> tbody + tbody {
|
2013-04-15 04:45:32 +02:00
|
|
|
border-top: 2px solid @table-border-color;
|
2012-01-18 08:39:18 +01:00
|
|
|
}
|
2012-12-08 21:57:21 +01:00
|
|
|
|
|
|
|
// Nesting
|
|
|
|
.table {
|
2013-04-01 02:29:05 +02:00
|
|
|
background-color: @body-bg;
|
2012-12-08 21:57:21 +01:00
|
|
|
}
|
2012-01-11 18:43:13 +01:00
|
|
|
}
|
|
|
|
|
2011-11-01 03:37:10 +01:00
|
|
|
|
2013-07-23 19:48:30 +02:00
|
|
|
// Condensed table w/ half padding
|
2011-11-01 03:37:10 +01:00
|
|
|
|
2012-01-15 06:28:47 +01:00
|
|
|
.table-condensed {
|
2013-08-28 02:13:07 +02:00
|
|
|
> thead,
|
|
|
|
> tbody,
|
|
|
|
> tfoot {
|
2013-07-02 20:25:57 +02:00
|
|
|
> tr {
|
|
|
|
> th,
|
|
|
|
> td {
|
2013-07-18 08:34:04 +02:00
|
|
|
padding: @table-condensed-cell-padding;
|
2013-07-02 20:25:57 +02:00
|
|
|
}
|
|
|
|
}
|
2011-09-08 19:47:05 +02:00
|
|
|
}
|
2011-11-01 03:37:10 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2013-07-23 19:48:30 +02:00
|
|
|
// Bordered version
|
2013-08-19 06:43:05 +02:00
|
|
|
//
|
|
|
|
// Add borders all around the table and between all the columns.
|
2011-11-01 03:37:10 +01:00
|
|
|
|
2012-01-15 06:28:47 +01:00
|
|
|
.table-bordered {
|
2013-04-15 04:45:32 +02:00
|
|
|
border: 1px solid @table-border-color;
|
2013-07-02 20:25:57 +02:00
|
|
|
> thead,
|
2013-07-05 21:15:00 +02:00
|
|
|
> tbody,
|
|
|
|
> tfoot {
|
2013-07-02 20:25:57 +02:00
|
|
|
> tr {
|
|
|
|
> th,
|
|
|
|
> td {
|
2013-07-23 19:48:30 +02:00
|
|
|
border: 1px solid @table-border-color;
|
2013-07-02 20:25:57 +02:00
|
|
|
}
|
2013-07-01 14:29:41 +02:00
|
|
|
}
|
2012-07-20 06:06:42 +02:00
|
|
|
}
|
2013-09-20 18:06:48 +02:00
|
|
|
> thead > tr {
|
|
|
|
> th,
|
|
|
|
> td {
|
|
|
|
border-bottom-width: 2px;
|
2013-08-17 23:15:33 +02:00
|
|
|
}
|
|
|
|
}
|
2011-05-04 03:09:25 +02:00
|
|
|
}
|
|
|
|
|
2011-06-30 09:15:37 +02:00
|
|
|
|
2013-07-23 19:48:30 +02:00
|
|
|
// Zebra-striping
|
2013-08-19 06:43:05 +02:00
|
|
|
//
|
2011-11-30 07:35:03 +01:00
|
|
|
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
2013-08-19 06:43:05 +02:00
|
|
|
|
2013-11-07 03:32:35 +01:00
|
|
|
.table-striped {
|
|
|
|
> tbody > tr:nth-child(odd) {
|
|
|
|
> td,
|
|
|
|
> th {
|
|
|
|
background-color: @table-bg-accent;
|
|
|
|
}
|
2011-11-30 07:35:03 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2013-07-23 19:48:30 +02:00
|
|
|
// Hover effect
|
2013-08-19 06:43:05 +02:00
|
|
|
//
|
2012-02-05 11:28:42 +01:00
|
|
|
// Placed here since it has to come after the potential zebra striping
|
2013-08-19 06:43:05 +02:00
|
|
|
|
2013-11-07 03:32:35 +01:00
|
|
|
.table-hover {
|
|
|
|
> tbody > tr:hover {
|
|
|
|
> td,
|
|
|
|
> th {
|
|
|
|
background-color: @table-bg-hover;
|
|
|
|
}
|
2012-02-05 11:28:42 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2011-11-30 07:35:03 +01:00
|
|
|
|
2013-07-23 19:48:30 +02:00
|
|
|
// Table cell sizing
|
2013-08-19 06:43:05 +02:00
|
|
|
//
|
2013-03-01 07:47:32 +01:00
|
|
|
// Reset default table behavior
|
2013-08-19 06:43:05 +02:00
|
|
|
|
2013-08-19 18:30:38 +02:00
|
|
|
table col[class*="col-"] {
|
2013-12-01 08:04:55 +01:00
|
|
|
position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
|
2013-03-01 07:47:32 +01:00
|
|
|
float: none;
|
|
|
|
display: table-column;
|
|
|
|
}
|
2013-07-02 20:25:57 +02:00
|
|
|
table {
|
2013-07-05 21:15:00 +02:00
|
|
|
td,
|
|
|
|
th {
|
2013-08-19 18:30:38 +02:00
|
|
|
&[class*="col-"] {
|
2013-12-19 06:10:58 +01:00
|
|
|
position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
|
2013-07-02 20:25:57 +02:00
|
|
|
float: none;
|
|
|
|
display: table-cell;
|
|
|
|
}
|
|
|
|
}
|
2012-06-25 23:37:35 +02:00
|
|
|
}
|
|
|
|
|
2013-06-24 00:05:50 +02:00
|
|
|
|
2013-07-23 19:48:30 +02:00
|
|
|
// Table backgrounds
|
2013-08-19 06:43:05 +02:00
|
|
|
//
|
2013-07-24 07:27:49 +02:00
|
|
|
// Exact selectors below required to override `.table-striped` and prevent
|
|
|
|
// inheritance to nested tables.
|
2012-08-08 07:50:49 +02:00
|
|
|
|
2013-08-19 06:43:05 +02:00
|
|
|
// Generate the contextual variants
|
2013-11-07 09:53:33 +01:00
|
|
|
.table-row-variant(active; @table-bg-active);
|
|
|
|
.table-row-variant(success; @state-success-bg);
|
2014-01-07 22:24:45 +01:00
|
|
|
.table-row-variant(info; @state-info-bg);
|
2013-11-07 09:53:33 +01:00
|
|
|
.table-row-variant(warning; @state-warning-bg);
|
2013-12-07 20:47:37 +01:00
|
|
|
.table-row-variant(danger; @state-danger-bg);
|
2013-08-19 06:43:05 +02:00
|
|
|
|
|
|
|
|
|
|
|
// Responsive tables
|
|
|
|
//
|
2013-08-23 08:53:09 +02:00
|
|
|
// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
|
2013-08-19 06:43:05 +02:00
|
|
|
// by enabling horizontal scrolling. Only applies <768px. Everything above that
|
|
|
|
// will display normally.
|
|
|
|
|
2014-02-14 19:48:17 +01:00
|
|
|
.table-responsive {
|
2014-03-07 06:25:34 +01:00
|
|
|
@media screen and (max-width: @screen-xs-max) {
|
2013-08-19 06:43:05 +02:00
|
|
|
width: 100%;
|
2013-10-14 18:22:31 +02:00
|
|
|
margin-bottom: (@line-height-computed * 0.75);
|
2013-08-19 06:43:05 +02:00
|
|
|
overflow-y: hidden;
|
2014-05-24 05:50:45 +02:00
|
|
|
overflow-x: auto;
|
2013-08-23 08:53:09 +02:00
|
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
2013-08-19 06:43:05 +02:00
|
|
|
border: 1px solid @table-border-color;
|
2013-08-23 17:55:02 +02:00
|
|
|
-webkit-overflow-scrolling: touch;
|
2013-08-19 06:43:05 +02:00
|
|
|
|
2013-09-20 18:06:48 +02:00
|
|
|
// Tighten up spacing
|
2013-08-19 06:43:05 +02:00
|
|
|
> .table {
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
|
|
// 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;
|
|
|
|
}
|
|
|
|
}
|
2013-09-08 17:04:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// Only nuke the last row's bottom-border in `tbody` and `tfoot` since
|
|
|
|
// chances are there will be only one `tr` in a `thead` and that would
|
|
|
|
// remove the border altogether.
|
|
|
|
> tbody,
|
|
|
|
> tfoot {
|
2013-08-19 06:43:05 +02:00
|
|
|
> tr:last-child {
|
|
|
|
> th,
|
|
|
|
> td {
|
|
|
|
border-bottom: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2013-09-08 17:04:11 +02:00
|
|
|
|
2013-08-19 06:43:05 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|