2011-11-26 05:34:55 +00:00
|
|
|
//
|
2015-08-18 01:33:34 +00:00
|
|
|
// Basic Bootstrap table
|
2014-12-19 06:59:47 +00:00
|
|
|
//
|
2011-05-04 01:09:25 +00:00
|
|
|
|
2012-01-18 07:39:18 +00:00
|
|
|
.table {
|
2011-05-04 01:09:25 +00:00
|
|
|
width: 100%;
|
2014-12-04 23:25:57 +00:00
|
|
|
margin-bottom: $spacer;
|
Drop Normalize, port relevant parts to Reboot (#21741)
* Get this party started by removing mention of Normalize.css
* Nuke the old comment, consolidate to a single line and number as appropriate
* Bring over styles for HTML element from Normalize to Reboot
* Move margin override for body element from Normalize to Reboot
* Drop the block reset for HTML5 elements in IE9- from Normalize given we dropped IE9 support
* Building on previous commit, do the same thing for figure, figcaption, and main
* Remove IE9- display from Normalize given our browser support
* Drop IE8 figure margin because we're IE10+
* No need for the h1 overrides because we reset these font and margin styles anyway in _type.scss already
* Drop Safari 6 b and strong normalization because we're Safari 8+
* Remove mark styles for IE9- from Normalize
* Remove old iOS audio fixes from Normalize
* Remove IE9- display for progress from Normalize
* Remove more IE9- rules from Normalize
* One more IE9- display removal for canvas element
* Move pre overrides from Normalize to Reboot
* Move over some link resets to Reboot, drop others
- Move over background-color and text-decoration
- Drop focus outline change given it affects the offset on hover of
focused links
* Move over more code element resets, consolidate with pre overrides, too
* Move over sub and sup wholesale
* Move over img normalization to Reboot
* Move over SVG override too
* - Drop dupe hidden, but add comment for it
- Move over template
- Move over summary
* Remove bulk of @viewport comment
* edit down that code comment
* consolidate html-based normalizations
* update comments
* Consolidate abbr styles
* move over more type elements
* move over hr changes
* move over form controls and more
* move over button resets
* move over firefox button changes
* move over search changes and more
* we nuke all these styles for fieldsets anyway, so outright remove them
* no need for those, we override them
* move over legend, fieldset, progress
* line break
* delete normalize file
* linting
* update comment
* clarify docs mentions of normalize and reboot
* remove normalize excludes from linter
* remove normalize excludes from cli task
* linting
* callout license since we forked part of normalize
* Improve comments, move table background reset to .table class instead of in reboot
* trailing space
2017-01-21 22:14:25 +00:00
|
|
|
background-color: $table-bg; // Reset for nesting within parents with `background-color`.
|
2014-12-04 23:25:57 +00:00
|
|
|
|
2014-12-19 06:59:47 +00:00
|
|
|
th,
|
|
|
|
td {
|
|
|
|
padding: $table-cell-padding;
|
|
|
|
vertical-align: top;
|
2015-11-15 07:24:48 +00:00
|
|
|
border-top: $table-border-width solid $table-border-color;
|
2012-01-18 07:39:18 +00:00
|
|
|
}
|
2014-12-19 06:59:47 +00:00
|
|
|
|
|
|
|
thead th {
|
2012-02-11 07:07:32 +00:00
|
|
|
vertical-align: bottom;
|
2015-11-15 07:24:48 +00:00
|
|
|
border-bottom: (2 * $table-border-width) solid $table-border-color;
|
2012-01-18 07:39:18 +00:00
|
|
|
}
|
2014-12-19 06:59:47 +00:00
|
|
|
|
|
|
|
tbody + tbody {
|
2015-11-15 07:24:48 +00:00
|
|
|
border-top: (2 * $table-border-width) solid $table-border-color;
|
2012-01-18 07:39:18 +00:00
|
|
|
}
|
2012-12-08 20:57:21 +00:00
|
|
|
|
2014-12-19 06:59:47 +00:00
|
|
|
.table {
|
|
|
|
background-color: $body-bg;
|
|
|
|
}
|
2012-01-11 17:43:13 +00:00
|
|
|
}
|
|
|
|
|
2011-11-01 02:37:10 +00:00
|
|
|
|
2014-12-19 06:59:47 +00:00
|
|
|
//
|
2013-07-23 17:48:30 +00:00
|
|
|
// Condensed table w/ half padding
|
2014-12-19 06:59:47 +00:00
|
|
|
//
|
2011-11-01 02:37:10 +00:00
|
|
|
|
2014-09-18 05:14:27 +00:00
|
|
|
.table-sm {
|
2014-12-19 06:59:47 +00:00
|
|
|
th,
|
|
|
|
td {
|
Rename for consistency `$table-sm-cell-padding`, `$table-bg-accent`, `$table-bg-hover`, `$table-bg-active`, `$table-inverse-bg-accent`, `$table-inverse-bg-hover` to `$table-cell-padding-sm`, `$table-accent-bg`, `$table-hover-bg`, `$table-active-bg`, `$table-inverse-accent-bg`, `$table-inverse-hover-bg`, respectively (#22414)
2017-06-09 01:27:07 +00:00
|
|
|
padding: $table-cell-padding-sm;
|
2011-09-08 17:47:05 +00:00
|
|
|
}
|
2011-11-01 02:37:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2018-01-20 23:10:19 +00:00
|
|
|
// Border versions
|
2013-08-19 04:43:05 +00:00
|
|
|
//
|
2018-01-20 23:10:19 +00:00
|
|
|
// Add or remove borders all around the table and between all the columns.
|
2011-11-01 02:37:10 +00:00
|
|
|
|
2012-01-15 05:28:47 +00:00
|
|
|
.table-bordered {
|
2015-11-15 07:24:48 +00:00
|
|
|
border: $table-border-width solid $table-border-color;
|
2014-12-19 06:59:47 +00:00
|
|
|
|
|
|
|
th,
|
|
|
|
td {
|
2015-11-15 07:24:48 +00:00
|
|
|
border: $table-border-width solid $table-border-color;
|
2012-07-20 04:06:42 +00:00
|
|
|
}
|
2014-12-19 06:59:47 +00:00
|
|
|
|
|
|
|
thead {
|
|
|
|
th,
|
|
|
|
td {
|
2015-11-15 07:24:48 +00:00
|
|
|
border-bottom-width: (2 * $table-border-width);
|
2013-08-17 21:15:33 +00:00
|
|
|
}
|
|
|
|
}
|
2011-05-04 01:09:25 +00:00
|
|
|
}
|
|
|
|
|
2018-01-20 23:10:19 +00:00
|
|
|
.table-borderless {
|
|
|
|
th,
|
|
|
|
td,
|
|
|
|
thead th,
|
|
|
|
tbody + tbody {
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
}
|
2011-06-30 07:15:37 +00:00
|
|
|
|
2013-07-23 17:48:30 +00:00
|
|
|
// Zebra-striping
|
2013-08-19 04:43:05 +00:00
|
|
|
//
|
2011-11-30 06:35:03 +00:00
|
|
|
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
2013-08-19 04:43:05 +00:00
|
|
|
|
2013-11-07 02:32:35 +00:00
|
|
|
.table-striped {
|
2018-01-19 17:34:49 +00:00
|
|
|
tbody tr:nth-of-type(#{$table-striped-order}) {
|
Rename for consistency `$table-sm-cell-padding`, `$table-bg-accent`, `$table-bg-hover`, `$table-bg-active`, `$table-inverse-bg-accent`, `$table-inverse-bg-hover` to `$table-cell-padding-sm`, `$table-accent-bg`, `$table-hover-bg`, `$table-active-bg`, `$table-inverse-accent-bg`, `$table-inverse-hover-bg`, respectively (#22414)
2017-06-09 01:27:07 +00:00
|
|
|
background-color: $table-accent-bg;
|
2011-11-30 06:35:03 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2013-07-23 17:48:30 +00:00
|
|
|
// Hover effect
|
2013-08-19 04:43:05 +00:00
|
|
|
//
|
2012-02-05 10:28:42 +00:00
|
|
|
// Placed here since it has to come after the potential zebra striping
|
2013-08-19 04:43:05 +00:00
|
|
|
|
2013-11-07 02:32:35 +00:00
|
|
|
.table-hover {
|
2015-01-01 09:05:01 +00:00
|
|
|
tbody tr {
|
|
|
|
@include hover {
|
Rename for consistency `$table-sm-cell-padding`, `$table-bg-accent`, `$table-bg-hover`, `$table-bg-active`, `$table-inverse-bg-accent`, `$table-inverse-bg-hover` to `$table-cell-padding-sm`, `$table-accent-bg`, `$table-hover-bg`, `$table-active-bg`, `$table-inverse-accent-bg`, `$table-inverse-hover-bg`, respectively (#22414)
2017-06-09 01:27:07 +00:00
|
|
|
background-color: $table-hover-bg;
|
2015-01-01 09:05:01 +00:00
|
|
|
}
|
2012-02-05 10:28:42 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2011-11-30 06:35:03 +00:00
|
|
|
|
2013-07-23 17:48:30 +00:00
|
|
|
// Table backgrounds
|
2013-08-19 04:43:05 +00:00
|
|
|
//
|
2013-07-24 05:27:49 +00:00
|
|
|
// Exact selectors below required to override `.table-striped` and prevent
|
|
|
|
// inheritance to nested tables.
|
2012-08-08 05:50:49 +00:00
|
|
|
|
2017-06-28 16:36:27 +00:00
|
|
|
@each $color, $value in $theme-colors {
|
|
|
|
@include table-row-variant($color, theme-color-level($color, -9));
|
|
|
|
}
|
2013-08-19 04:43:05 +00:00
|
|
|
|
2017-07-01 20:08:49 +00:00
|
|
|
@include table-row-variant(active, $table-active-bg);
|
|
|
|
|
2013-08-19 04:43:05 +00:00
|
|
|
|
2017-08-19 01:17:05 +00:00
|
|
|
// Dark styles
|
2013-08-19 04:43:05 +00:00
|
|
|
//
|
2016-08-09 03:35:58 +00:00
|
|
|
// Same table markup, but inverted color scheme: dark background and light text.
|
2014-07-14 06:45:34 +00:00
|
|
|
|
2017-10-04 11:11:00 +00:00
|
|
|
// stylelint-disable-next-line no-duplicate-selectors
|
2017-08-19 07:10:07 +00:00
|
|
|
.table {
|
|
|
|
.thead-dark {
|
|
|
|
th {
|
|
|
|
color: $table-dark-color;
|
|
|
|
background-color: $table-dark-bg;
|
|
|
|
border-color: $table-dark-border-color;
|
|
|
|
}
|
2014-07-14 06:45:34 +00:00
|
|
|
}
|
2016-05-11 23:28:28 +00:00
|
|
|
|
2017-08-19 07:10:07 +00:00
|
|
|
.thead-light {
|
|
|
|
th {
|
|
|
|
color: $table-head-color;
|
|
|
|
background-color: $table-head-bg;
|
|
|
|
border-color: $table-border-color;
|
|
|
|
}
|
2014-07-14 06:45:34 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-08-19 01:17:05 +00:00
|
|
|
.table-dark {
|
2017-08-19 01:13:56 +00:00
|
|
|
color: $table-dark-color;
|
|
|
|
background-color: $table-dark-bg;
|
2014-07-14 07:23:46 +00:00
|
|
|
|
2014-12-19 06:59:47 +00:00
|
|
|
th,
|
2015-01-19 23:52:40 +00:00
|
|
|
td,
|
|
|
|
thead th {
|
2017-08-19 01:13:56 +00:00
|
|
|
border-color: $table-dark-border-color;
|
2014-07-14 07:23:46 +00:00
|
|
|
}
|
2016-05-11 23:28:28 +00:00
|
|
|
|
|
|
|
&.table-bordered {
|
|
|
|
border: 0;
|
|
|
|
}
|
2017-03-20 00:37:00 +00:00
|
|
|
|
|
|
|
&.table-striped {
|
|
|
|
tbody tr:nth-of-type(odd) {
|
2017-08-19 01:13:56 +00:00
|
|
|
background-color: $table-dark-accent-bg;
|
2017-03-20 00:37:00 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.table-hover {
|
|
|
|
tbody tr {
|
|
|
|
@include hover {
|
2017-08-19 01:13:56 +00:00
|
|
|
background-color: $table-dark-hover-bg;
|
2017-03-20 00:37:00 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2016-05-11 23:28:28 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Responsive tables
|
|
|
|
//
|
2017-06-09 00:58:31 +00:00
|
|
|
// Generate series of `.table-responsive-*` classes for configuring the screen
|
|
|
|
// size of where your table will overflow.
|
2016-05-11 23:28:28 +00:00
|
|
|
|
|
|
|
.table-responsive {
|
2017-06-09 00:58:31 +00:00
|
|
|
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
|
|
$next: breakpoint-next($breakpoint, $grid-breakpoints);
|
|
|
|
$infix: breakpoint-infix($next, $grid-breakpoints);
|
|
|
|
|
|
|
|
&#{$infix} {
|
|
|
|
@include media-breakpoint-down($breakpoint) {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
overflow-x: auto;
|
2017-06-12 20:29:55 +00:00
|
|
|
-webkit-overflow-scrolling: touch;
|
2017-06-09 00:58:31 +00:00
|
|
|
-ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
|
|
|
|
|
|
|
|
// Prevent double border on horizontal scroll due to use of `display: block;`
|
2017-12-23 01:58:56 +00:00
|
|
|
> .table-bordered {
|
2017-06-09 00:58:31 +00:00
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
}
|
2017-03-19 23:54:03 +00:00
|
|
|
}
|
2016-11-26 09:44:06 +00:00
|
|
|
}
|
2014-07-14 07:23:46 +00:00
|
|
|
}
|