Browse code

Created repository.

DoubleBastionAdmin authored on 02/03/2022 00:26:46
Showing 1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,234 @@
1
+//
2
+// Tables
3
+// --------------------------------------------------
4
+
5
+
6
+table {
7
+  background-color: @table-bg;
8
+}
9
+caption {
10
+  padding-top: @table-cell-padding;
11
+  padding-bottom: @table-cell-padding;
12
+  color: @text-muted;
13
+  text-align: left;
14
+}
15
+th {
16
+  text-align: left;
17
+}
18
+
19
+
20
+// Baseline styles
21
+
22
+.table {
23
+  width: 100%;
24
+  max-width: 100%;
25
+  margin-bottom: @line-height-computed;
26
+  // Cells
27
+  > thead,
28
+  > tbody,
29
+  > tfoot {
30
+    > tr {
31
+      > th,
32
+      > td {
33
+        padding: @table-cell-padding;
34
+        line-height: @line-height-base;
35
+        vertical-align: top;
36
+        border-top: 1px solid @table-border-color;
37
+      }
38
+    }
39
+  }
40
+  // Bottom align for column headings
41
+  > thead > tr > th {
42
+    vertical-align: bottom;
43
+    border-bottom: 2px solid @table-border-color;
44
+  }
45
+  // Remove top border from thead by default
46
+  > caption + thead,
47
+  > colgroup + thead,
48
+  > thead:first-child {
49
+    > tr:first-child {
50
+      > th,
51
+      > td {
52
+        border-top: 0;
53
+      }
54
+    }
55
+  }
56
+  // Account for multiple tbody instances
57
+  > tbody + tbody {
58
+    border-top: 2px solid @table-border-color;
59
+  }
60
+
61
+  // Nesting
62
+  .table {
63
+    background-color: @body-bg;
64
+  }
65
+}
66
+
67
+
68
+// Condensed table w/ half padding
69
+
70
+.table-condensed {
71
+  > thead,
72
+  > tbody,
73
+  > tfoot {
74
+    > tr {
75
+      > th,
76
+      > td {
77
+        padding: @table-condensed-cell-padding;
78
+      }
79
+    }
80
+  }
81
+}
82
+
83
+
84
+// Bordered version
85
+//
86
+// Add borders all around the table and between all the columns.
87
+
88
+.table-bordered {
89
+  border: 1px solid @table-border-color;
90
+  > thead,
91
+  > tbody,
92
+  > tfoot {
93
+    > tr {
94
+      > th,
95
+      > td {
96
+        border: 1px solid @table-border-color;
97
+      }
98
+    }
99
+  }
100
+  > thead > tr {
101
+    > th,
102
+    > td {
103
+      border-bottom-width: 2px;
104
+    }
105
+  }
106
+}
107
+
108
+
109
+// Zebra-striping
110
+//
111
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
112
+
113
+.table-striped {
114
+  > tbody > tr:nth-of-type(odd) {
115
+    background-color: @table-bg-accent;
116
+  }
117
+}
118
+
119
+
120
+// Hover effect
121
+//
122
+// Placed here since it has to come after the potential zebra striping
123
+
124
+.table-hover {
125
+  > tbody > tr:hover {
126
+    background-color: @table-bg-hover;
127
+  }
128
+}
129
+
130
+
131
+// Table cell sizing
132
+//
133
+// Reset default table behavior
134
+
135
+table col[class*="col-"] {
136
+  position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
137
+  float: none;
138
+  display: table-column;
139
+}
140
+table {
141
+  td,
142
+  th {
143
+    &[class*="col-"] {
144
+      position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
145
+      float: none;
146
+      display: table-cell;
147
+    }
148
+  }
149
+}
150
+
151
+
152
+// Table backgrounds
153
+//
154
+// Exact selectors below required to override `.table-striped` and prevent
155
+// inheritance to nested tables.
156
+
157
+// Generate the contextual variants
158
+.table-row-variant(active; @table-bg-active);
159
+.table-row-variant(success; @state-success-bg);
160
+.table-row-variant(info; @state-info-bg);
161
+.table-row-variant(warning; @state-warning-bg);
162
+.table-row-variant(danger; @state-danger-bg);
163
+
164
+
165
+// Responsive tables
166
+//
167
+// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
168
+// by enabling horizontal scrolling. Only applies <768px. Everything above that
169
+// will display normally.
170
+
171
+.table-responsive {
172
+  overflow-x: auto;
173
+  min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
174
+
175
+  @media screen and (max-width: @screen-xs-max) {
176
+    width: 100%;
177
+    margin-bottom: (@line-height-computed * 0.75);
178
+    overflow-y: hidden;
179
+    -ms-overflow-style: -ms-autohiding-scrollbar;
180
+    border: 1px solid @table-border-color;
181
+
182
+    // Tighten up spacing
183
+    > .table {
184
+      margin-bottom: 0;
185
+
186
+      // Ensure the content doesn't wrap
187
+      > thead,
188
+      > tbody,
189
+      > tfoot {
190
+        > tr {
191
+          > th,
192
+          > td {
193
+            white-space: nowrap;
194
+          }
195
+        }
196
+      }
197
+    }
198
+
199
+    // Special overrides for the bordered tables
200
+    > .table-bordered {
201
+      border: 0;
202
+
203
+      // Nuke the appropriate borders so that the parent can handle them
204
+      > thead,
205
+      > tbody,
206
+      > tfoot {
207
+        > tr {
208
+          > th:first-child,
209
+          > td:first-child {
210
+            border-left: 0;
211
+          }
212
+          > th:last-child,
213
+          > td:last-child {
214
+            border-right: 0;
215
+          }
216
+        }
217
+      }
218
+
219
+      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
220
+      // chances are there will be only one `tr` in a `thead` and that would
221
+      // remove the border altogether.
222
+      > tbody,
223
+      > tfoot {
224
+        > tr:last-child {
225
+          > th,
226
+          > td {
227
+            border-bottom: 0;
228
+          }
229
+        }
230
+      }
231
+
232
+    }
233
+  }
234
+}