123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123 |
- // stylelint-disable selector-max-type, selector-max-compound-selectors, selector-no-qualifying-type
- //
- // Tables
- // --------------------------------------------------
- table {
- background-color: @table-bg;
- // Table cell sizing
- //
- // Reset default table behavior
- col[class*='col-'] {
- position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
- display: table-column;
- float: none;
- }
- td,
- th {
- &[class*='col-'] {
- position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
- display: table-cell;
- float: none;
- }
- }
- }
- caption {
- padding-top: @table-cell-padding;
- padding-bottom: @table-cell-padding;
- color: @text-muted;
- text-align: left;
- }
- th {
- text-align: left;
- }
- // Baseline styles
- .table {
- width: 100%;
- max-width: 100%;
- margin-bottom: @line-height-computed;
- // Cells
- > thead,
- > tbody,
- > tfoot {
- > tr {
- > th,
- > td {
- padding: @table-cell-padding;
- line-height: @line-height-base;
- vertical-align: top;
- border-top: 1px solid @table-border-color;
- }
- }
- }
- // 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,
- > 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;
- }
- }
- // Condensed table w/ half padding
- .table-condensed {
- > thead,
- > tbody,
- > tfoot {
- > tr {
- > th,
- > td {
- padding: @table-condensed-cell-padding;
- }
- }
- }
- }
- // Hover effect
- //
- // Placed here since it has to come after the potential zebra striping
- .table-hover {
- > tbody > tr:hover {
- background-color: @table-bg-hover;
- }
- }
- // Table backgrounds
- //
- // Exact selectors below required to override `.table-striped` and prevent
- // inheritance to nested tables.
- // Generate the contextual variants
- .table-row-variant(active; @table-bg-active);
- .table-row-variant(success; @state-success-bg);
- .table-row-variant(info; @state-info-bg);
- .table-row-variant(warning; @state-warning-bg);
- .table-row-variant(danger; @state-danger-bg);
|