3 // --------------------------------------------------
8 background-color: @table-bg;
19 margin-bottom: @line-height-computed;
27 padding: @table-cell-padding;
28 line-height: @line-height-base;
30 border-top: 1px solid @table-border-color;
34 // Bottom align for column headings
36 vertical-align: bottom;
37 border-bottom: 2px solid @table-border-color;
39 // Remove top border from thead by default
50 // Account for multiple tbody instances
52 border-top: 2px solid @table-border-color;
57 background-color: @body-bg;
62 // Condensed table w/ half padding
71 padding: @table-condensed-cell-padding;
80 // Add borders all around the table and between all the columns.
83 border: 1px solid @table-border-color;
90 border: 1px solid @table-border-color;
97 border-bottom-width: 2px;
105 // Default zebra-stripe styles (alternating gray and transparent backgrounds)
107 .table-striped > tbody > tr:nth-child(odd) {
110 background-color: @table-bg-accent;
117 // Placed here since it has to come after the potential zebra striping
119 .table-hover > tbody > tr:hover {
122 background-color: @table-bg-hover;
129 // Reset default table behavior
131 table col[class*="col-"] {
133 display: table-column;
148 // Exact selectors below required to override `.table-striped` and prevent
149 // inheritance to nested tables.
153 .table > tfoot > tr {
158 background-color: @table-bg-active;
162 // Generate the contextual variants
163 .table-row-variant(success; @state-success-bg; @state-success-border);
164 .table-row-variant(danger; @state-danger-bg; @state-danger-border);
165 .table-row-variant(warning; @state-warning-bg; @state-warning-border);
170 // Wrap your tables in `.table-responsive` and we'll make them mobile friendly
171 // by enabling horizontal scrolling. Only applies <768px. Everything above that
172 // will display normally.
174 @media (max-width: @screen-xs-max) {
177 margin-bottom: (@line-height-computed * 0.75);
180 -ms-overflow-style: -ms-autohiding-scrollbar;
181 border: 1px solid @table-border-color;
182 -webkit-overflow-scrolling: touch;
184 // Tighten up spacing
188 // Ensure the content doesn't wrap
201 // Special overrides for the bordered tables
205 // Nuke the appropriate borders so that the parent can handle them
221 // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
222 // chances are there will be only one `tr` in a `thead` and that would
223 // remove the border altogether.