3 // --------------------------------------------------
6 background-color: $table-bg;
10 padding-top: $table-cell-padding;
11 padding-bottom: $table-cell-padding;
25 margin-bottom: $line-height-computed;
33 padding: $table-cell-padding;
34 line-height: $line-height-base;
36 border-top: 1px solid $table-border-color;
40 // Bottom align for column headings
42 vertical-align: bottom;
43 border-bottom: 2px solid $table-border-color;
45 // Remove top border from thead by default
56 // Account for multiple tbody instances
58 border-top: 2px solid $table-border-color;
63 background-color: $body-bg;
67 // Condensed table w/ half padding
76 padding: $table-condensed-cell-padding;
84 // Add borders all around the table and between all the columns.
87 border: 1px solid $table-border-color;
94 border: 1px solid $table-border-color;
101 border-bottom-width: 2px;
108 // Default zebra-stripe styles (alternating gray and transparent backgrounds)
111 > tbody > tr:nth-of-type(odd) {
112 background-color: $table-bg-accent;
118 // Placed here since it has to come after the potential zebra striping
122 background-color: $table-bg-hover;
128 // Reset default table behavior
130 table col[class*="col-"] {
131 position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
133 display: table-column;
140 position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
149 // Exact selectors below required to override `.table-striped` and prevent
150 // inheritance to nested tables.
152 // Generate the contextual variants
153 @include table-row-variant('active', $table-bg-active);
154 @include table-row-variant('success', $state-success-bg);
155 @include table-row-variant('info', $state-info-bg);
156 @include table-row-variant('warning', $state-warning-bg);
157 @include table-row-variant('danger', $state-danger-bg);
161 // Wrap your tables in `.table-responsive` and we'll make them mobile friendly
162 // by enabling horizontal scrolling. Only applies <768px. Everything above that
163 // will display normally.
167 min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
169 @media screen and (max-width: $screen-xs-max) {
171 margin-bottom: ($line-height-computed * 0.75);
173 -ms-overflow-style: -ms-autohiding-scrollbar;
174 border: 1px solid $table-border-color;
176 // Tighten up spacing
180 // Ensure the content doesn't wrap
193 // Special overrides for the bordered tables
197 // Nuke the appropriate borders so that the parent can handle them
213 // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
214 // chances are there will be only one `tr` in a `thead` and that would
215 // remove the border altogether.