hardpool-flat 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +52 -0
- data/_includes/head.html +4 -0
- data/_includes/header.html +17 -0
- data/_includes/seo.html +11 -0
- data/_layouts/default.html +16 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +6 -0
- data/_sass/_mixins.scss +105 -0
- data/_sass/_var.scss +43 -0
- data/_sass/bootstrap/_alert.scss +51 -0
- data/_sass/bootstrap/_badge.scss +47 -0
- data/_sass/bootstrap/_breadcrumb.scss +41 -0
- data/_sass/bootstrap/_button-group.scss +172 -0
- data/_sass/bootstrap/_buttons.scss +143 -0
- data/_sass/bootstrap/_card.scss +301 -0
- data/_sass/bootstrap/_carousel.scss +236 -0
- data/_sass/bootstrap/_close.scss +35 -0
- data/_sass/bootstrap/_code.scss +48 -0
- data/_sass/bootstrap/_custom-forms.scss +433 -0
- data/_sass/bootstrap/_dropdown.scss +166 -0
- data/_sass/bootstrap/_forms.scss +333 -0
- data/_sass/bootstrap/_functions.scss +86 -0
- data/_sass/bootstrap/_grid.scss +52 -0
- data/_sass/bootstrap/_images.scss +42 -0
- data/_sass/bootstrap/_input-group.scss +173 -0
- data/_sass/bootstrap/_jumbotron.scss +16 -0
- data/_sass/bootstrap/_list-group.scss +115 -0
- data/_sass/bootstrap/_media.scss +8 -0
- data/_sass/bootstrap/_mixins.scss +41 -0
- data/_sass/bootstrap/_modal.scss +180 -0
- data/_sass/bootstrap/_nav.scss +118 -0
- data/_sass/bootstrap/_navbar.scss +299 -0
- data/_sass/bootstrap/_pagination.scss +78 -0
- data/_sass/bootstrap/_popover.scss +183 -0
- data/_sass/bootstrap/_print.scss +141 -0
- data/_sass/bootstrap/_progress.scss +34 -0
- data/_sass/bootstrap/_reboot.scss +483 -0
- data/_sass/bootstrap/_root.scss +19 -0
- data/_sass/bootstrap/_tables.scss +187 -0
- data/_sass/bootstrap/_tooltip.scss +115 -0
- data/_sass/bootstrap/_transitions.scss +22 -0
- data/_sass/bootstrap/_type.scss +125 -0
- data/_sass/bootstrap/_utilities.scss +15 -0
- data/_sass/bootstrap/_variables.scss +952 -0
- data/_sass/bootstrap/bootstrap-grid.scss +32 -0
- data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
- data/_sass/bootstrap/bootstrap.scss +149 -0
- data/_sass/bootstrap/mixins/_alert.scss +13 -0
- data/_sass/bootstrap/mixins/_background-variant.scss +21 -0
- data/_sass/bootstrap/mixins/_badge.scss +12 -0
- data/_sass/bootstrap/mixins/_border-radius.scss +35 -0
- data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
- data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
- data/_sass/bootstrap/mixins/_buttons.scss +109 -0
- data/_sass/bootstrap/mixins/_caret.scss +66 -0
- data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
- data/_sass/bootstrap/mixins/_float.scss +11 -0
- data/_sass/bootstrap/mixins/_forms.scss +147 -0
- data/_sass/bootstrap/mixins/_gradients.scss +45 -0
- data/_sass/bootstrap/mixins/_grid-framework.scss +67 -0
- data/_sass/bootstrap/mixins/_grid.scss +52 -0
- data/_sass/bootstrap/mixins/_hover.scss +37 -0
- data/_sass/bootstrap/mixins/_image.scss +36 -0
- data/_sass/bootstrap/mixins/_list-group.scss +21 -0
- data/_sass/bootstrap/mixins/_lists.scss +7 -0
- data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
- data/_sass/bootstrap/mixins/_pagination.scss +22 -0
- data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
- data/_sass/bootstrap/mixins/_resize.scss +6 -0
- data/_sass/bootstrap/mixins/_screen-reader.scss +33 -0
- data/_sass/bootstrap/mixins/_size.scss +6 -0
- data/_sass/bootstrap/mixins/_table-row.scss +30 -0
- data/_sass/bootstrap/mixins/_text-emphasis.scss +14 -0
- data/_sass/bootstrap/mixins/_text-hide.scss +13 -0
- data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
- data/_sass/bootstrap/mixins/_transition.scss +13 -0
- data/_sass/bootstrap/mixins/_visibility.scss +7 -0
- data/_sass/bootstrap/utilities/_align.scss +8 -0
- data/_sass/bootstrap/utilities/_background.scss +19 -0
- data/_sass/bootstrap/utilities/_borders.scss +59 -0
- data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
- data/_sass/bootstrap/utilities/_display.scss +38 -0
- data/_sass/bootstrap/utilities/_embed.scss +52 -0
- data/_sass/bootstrap/utilities/_flex.scss +51 -0
- data/_sass/bootstrap/utilities/_float.scss +9 -0
- data/_sass/bootstrap/utilities/_position.scss +37 -0
- data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
- data/_sass/bootstrap/utilities/_shadows.scss +6 -0
- data/_sass/bootstrap/utilities/_sizing.scss +12 -0
- data/_sass/bootstrap/utilities/_spacing.scss +51 -0
- data/_sass/bootstrap/utilities/_text.scss +58 -0
- data/_sass/bootstrap/utilities/_visibility.scss +11 -0
- data/_sass/theme/_global.scss +78 -0
- data/_sass/theme/_header.scss +12 -0
- data/_sass/theme.scss +5 -0
- data/assets/fonts/muli/Muli-Bold.ttf +0 -0
- data/assets/fonts/muli/Muli-Light.ttf +0 -0
- data/assets/fonts/muli/Muli-Regular.ttf +0 -0
- data/assets/fonts/playfair/PlayfairDisplay-Black.ttf +0 -0
- data/assets/fonts/playfair/PlayfairDisplay-Bold.ttf +0 -0
- data/assets/fonts/playfair/PlayfairDisplay-Regular.ttf +0 -0
- data/assets/styles/main.scss +6 -0
- metadata +189 -0
@@ -0,0 +1,34 @@
|
|
1
|
+
@keyframes progress-bar-stripes {
|
2
|
+
from { background-position: $progress-height 0; }
|
3
|
+
to { background-position: 0 0; }
|
4
|
+
}
|
5
|
+
|
6
|
+
.progress {
|
7
|
+
display: flex;
|
8
|
+
height: $progress-height;
|
9
|
+
overflow: hidden; // force rounded corners by cropping it
|
10
|
+
font-size: $progress-font-size;
|
11
|
+
background-color: $progress-bg;
|
12
|
+
@include border-radius($progress-border-radius);
|
13
|
+
@include box-shadow($progress-box-shadow);
|
14
|
+
}
|
15
|
+
|
16
|
+
.progress-bar {
|
17
|
+
display: flex;
|
18
|
+
flex-direction: column;
|
19
|
+
justify-content: center;
|
20
|
+
color: $progress-bar-color;
|
21
|
+
text-align: center;
|
22
|
+
white-space: nowrap;
|
23
|
+
background-color: $progress-bar-bg;
|
24
|
+
@include transition($progress-bar-transition);
|
25
|
+
}
|
26
|
+
|
27
|
+
.progress-bar-striped {
|
28
|
+
@include gradient-striped();
|
29
|
+
background-size: $progress-height $progress-height;
|
30
|
+
}
|
31
|
+
|
32
|
+
.progress-bar-animated {
|
33
|
+
animation: progress-bar-stripes $progress-bar-animation-timing;
|
34
|
+
}
|
@@ -0,0 +1,483 @@
|
|
1
|
+
// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
|
2
|
+
|
3
|
+
// Reboot
|
4
|
+
//
|
5
|
+
// Normalization of HTML elements, manually forked from Normalize.css to remove
|
6
|
+
// styles targeting irrelevant browsers while applying new styles.
|
7
|
+
//
|
8
|
+
// Normalize is licensed MIT. https://github.com/necolas/normalize.css
|
9
|
+
|
10
|
+
|
11
|
+
// Document
|
12
|
+
//
|
13
|
+
// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
|
14
|
+
// 2. Change the default font family in all browsers.
|
15
|
+
// 3. Correct the line height in all browsers.
|
16
|
+
// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
|
17
|
+
// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
|
18
|
+
// we force a non-overlapping, non-auto-hiding scrollbar to counteract.
|
19
|
+
// 6. Change the default tap highlight to be completely transparent in iOS.
|
20
|
+
|
21
|
+
*,
|
22
|
+
*::before,
|
23
|
+
*::after {
|
24
|
+
box-sizing: border-box; // 1
|
25
|
+
}
|
26
|
+
|
27
|
+
html {
|
28
|
+
font-family: sans-serif; // 2
|
29
|
+
line-height: 1.15; // 3
|
30
|
+
-webkit-text-size-adjust: 100%; // 4
|
31
|
+
-ms-text-size-adjust: 100%; // 4
|
32
|
+
-ms-overflow-style: scrollbar; // 5
|
33
|
+
-webkit-tap-highlight-color: rgba($black, 0); // 6
|
34
|
+
}
|
35
|
+
|
36
|
+
// IE10+ doesn't honor `<meta name="viewport">` in some cases.
|
37
|
+
@at-root {
|
38
|
+
@-ms-viewport {
|
39
|
+
width: device-width;
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
// stylelint-disable selector-list-comma-newline-after
|
44
|
+
// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
|
45
|
+
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
|
46
|
+
display: block;
|
47
|
+
}
|
48
|
+
// stylelint-enable selector-list-comma-newline-after
|
49
|
+
|
50
|
+
// Body
|
51
|
+
//
|
52
|
+
// 1. Remove the margin in all browsers.
|
53
|
+
// 2. As a best practice, apply a default `background-color`.
|
54
|
+
// 3. Set an explicit initial text-align value so that we can later use the
|
55
|
+
// the `inherit` value on things like `<th>` elements.
|
56
|
+
|
57
|
+
body {
|
58
|
+
margin: 0; // 1
|
59
|
+
font-family: $font-family-base;
|
60
|
+
font-size: $font-size-base;
|
61
|
+
font-weight: $font-weight-base;
|
62
|
+
line-height: $line-height-base;
|
63
|
+
color: $body-color;
|
64
|
+
text-align: left; // 3
|
65
|
+
background-color: $body-bg; // 2
|
66
|
+
}
|
67
|
+
|
68
|
+
// Suppress the focus outline on elements that cannot be accessed via keyboard.
|
69
|
+
// This prevents an unwanted focus outline from appearing around elements that
|
70
|
+
// might still respond to pointer events.
|
71
|
+
//
|
72
|
+
// Credit: https://github.com/suitcss/base
|
73
|
+
[tabindex="-1"]:focus {
|
74
|
+
outline: 0 !important;
|
75
|
+
}
|
76
|
+
|
77
|
+
|
78
|
+
// Content grouping
|
79
|
+
//
|
80
|
+
// 1. Add the correct box sizing in Firefox.
|
81
|
+
// 2. Show the overflow in Edge and IE.
|
82
|
+
|
83
|
+
hr {
|
84
|
+
box-sizing: content-box; // 1
|
85
|
+
height: 0; // 1
|
86
|
+
overflow: visible; // 2
|
87
|
+
}
|
88
|
+
|
89
|
+
|
90
|
+
//
|
91
|
+
// Typography
|
92
|
+
//
|
93
|
+
|
94
|
+
// Remove top margins from headings
|
95
|
+
//
|
96
|
+
// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
|
97
|
+
// margin for easier control within type scales as it avoids margin collapsing.
|
98
|
+
// stylelint-disable selector-list-comma-newline-after
|
99
|
+
h1, h2, h3, h4, h5, h6 {
|
100
|
+
margin-top: 0;
|
101
|
+
margin-bottom: $headings-margin-bottom;
|
102
|
+
}
|
103
|
+
// stylelint-enable selector-list-comma-newline-after
|
104
|
+
|
105
|
+
// Reset margins on paragraphs
|
106
|
+
//
|
107
|
+
// Similarly, the top margin on `<p>`s get reset. However, we also reset the
|
108
|
+
// bottom margin to use `rem` units instead of `em`.
|
109
|
+
p {
|
110
|
+
margin-top: 0;
|
111
|
+
margin-bottom: $paragraph-margin-bottom;
|
112
|
+
}
|
113
|
+
|
114
|
+
// Abbreviations
|
115
|
+
//
|
116
|
+
// 1. Remove the bottom border in Firefox 39-.
|
117
|
+
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
118
|
+
// 3. Add explicit cursor to indicate changed behavior.
|
119
|
+
// 4. Duplicate behavior to the data-* attribute for our tooltip plugin
|
120
|
+
|
121
|
+
abbr[title],
|
122
|
+
abbr[data-original-title] { // 4
|
123
|
+
text-decoration: underline; // 2
|
124
|
+
text-decoration: underline dotted; // 2
|
125
|
+
cursor: help; // 3
|
126
|
+
border-bottom: 0; // 1
|
127
|
+
}
|
128
|
+
|
129
|
+
address {
|
130
|
+
margin-bottom: 1rem;
|
131
|
+
font-style: normal;
|
132
|
+
line-height: inherit;
|
133
|
+
}
|
134
|
+
|
135
|
+
ol,
|
136
|
+
ul,
|
137
|
+
dl {
|
138
|
+
margin-top: 0;
|
139
|
+
margin-bottom: 1rem;
|
140
|
+
}
|
141
|
+
|
142
|
+
ol ol,
|
143
|
+
ul ul,
|
144
|
+
ol ul,
|
145
|
+
ul ol {
|
146
|
+
margin-bottom: 0;
|
147
|
+
}
|
148
|
+
|
149
|
+
dt {
|
150
|
+
font-weight: $dt-font-weight;
|
151
|
+
}
|
152
|
+
|
153
|
+
dd {
|
154
|
+
margin-bottom: .5rem;
|
155
|
+
margin-left: 0; // Undo browser default
|
156
|
+
}
|
157
|
+
|
158
|
+
blockquote {
|
159
|
+
margin: 0 0 1rem;
|
160
|
+
}
|
161
|
+
|
162
|
+
dfn {
|
163
|
+
font-style: italic; // Add the correct font style in Android 4.3-
|
164
|
+
}
|
165
|
+
|
166
|
+
// stylelint-disable font-weight-notation
|
167
|
+
b,
|
168
|
+
strong {
|
169
|
+
font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari
|
170
|
+
}
|
171
|
+
// stylelint-enable font-weight-notation
|
172
|
+
|
173
|
+
small {
|
174
|
+
font-size: 80%; // Add the correct font size in all browsers
|
175
|
+
}
|
176
|
+
|
177
|
+
//
|
178
|
+
// Prevent `sub` and `sup` elements from affecting the line height in
|
179
|
+
// all browsers.
|
180
|
+
//
|
181
|
+
|
182
|
+
sub,
|
183
|
+
sup {
|
184
|
+
position: relative;
|
185
|
+
font-size: 75%;
|
186
|
+
line-height: 0;
|
187
|
+
vertical-align: baseline;
|
188
|
+
}
|
189
|
+
|
190
|
+
sub { bottom: -.25em; }
|
191
|
+
sup { top: -.5em; }
|
192
|
+
|
193
|
+
|
194
|
+
//
|
195
|
+
// Links
|
196
|
+
//
|
197
|
+
|
198
|
+
a {
|
199
|
+
color: $link-color;
|
200
|
+
text-decoration: $link-decoration;
|
201
|
+
background-color: transparent; // Remove the gray background on active links in IE 10.
|
202
|
+
-webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.
|
203
|
+
|
204
|
+
@include hover {
|
205
|
+
color: $link-hover-color;
|
206
|
+
text-decoration: $link-hover-decoration;
|
207
|
+
}
|
208
|
+
}
|
209
|
+
|
210
|
+
// And undo these styles for placeholder links/named anchors (without href)
|
211
|
+
// which have not been made explicitly keyboard-focusable (without tabindex).
|
212
|
+
// It would be more straightforward to just use a[href] in previous block, but that
|
213
|
+
// causes specificity issues in many other styles that are too complex to fix.
|
214
|
+
// See https://github.com/twbs/bootstrap/issues/19402
|
215
|
+
|
216
|
+
a:not([href]):not([tabindex]) {
|
217
|
+
color: inherit;
|
218
|
+
text-decoration: none;
|
219
|
+
|
220
|
+
@include hover-focus {
|
221
|
+
color: inherit;
|
222
|
+
text-decoration: none;
|
223
|
+
}
|
224
|
+
|
225
|
+
&:focus {
|
226
|
+
outline: 0;
|
227
|
+
}
|
228
|
+
}
|
229
|
+
|
230
|
+
|
231
|
+
//
|
232
|
+
// Code
|
233
|
+
//
|
234
|
+
|
235
|
+
pre,
|
236
|
+
code,
|
237
|
+
kbd,
|
238
|
+
samp {
|
239
|
+
font-family: $font-family-monospace;
|
240
|
+
font-size: 1em; // Correct the odd `em` font sizing in all browsers.
|
241
|
+
}
|
242
|
+
|
243
|
+
pre {
|
244
|
+
// Remove browser default top margin
|
245
|
+
margin-top: 0;
|
246
|
+
// Reset browser default of `1em` to use `rem`s
|
247
|
+
margin-bottom: 1rem;
|
248
|
+
// Don't allow content to break outside
|
249
|
+
overflow: auto;
|
250
|
+
// We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so
|
251
|
+
// we force a non-overlapping, non-auto-hiding scrollbar to counteract.
|
252
|
+
-ms-overflow-style: scrollbar;
|
253
|
+
}
|
254
|
+
|
255
|
+
|
256
|
+
//
|
257
|
+
// Figures
|
258
|
+
//
|
259
|
+
|
260
|
+
figure {
|
261
|
+
// Apply a consistent margin strategy (matches our type styles).
|
262
|
+
margin: 0 0 1rem;
|
263
|
+
}
|
264
|
+
|
265
|
+
|
266
|
+
//
|
267
|
+
// Images and content
|
268
|
+
//
|
269
|
+
|
270
|
+
img {
|
271
|
+
vertical-align: middle;
|
272
|
+
border-style: none; // Remove the border on images inside links in IE 10-.
|
273
|
+
}
|
274
|
+
|
275
|
+
svg {
|
276
|
+
// Workaround for the SVG overflow bug in IE10/11 is still required.
|
277
|
+
// See https://github.com/twbs/bootstrap/issues/26878
|
278
|
+
overflow: hidden;
|
279
|
+
vertical-align: middle;
|
280
|
+
}
|
281
|
+
|
282
|
+
|
283
|
+
//
|
284
|
+
// Tables
|
285
|
+
//
|
286
|
+
|
287
|
+
table {
|
288
|
+
border-collapse: collapse; // Prevent double borders
|
289
|
+
}
|
290
|
+
|
291
|
+
caption {
|
292
|
+
padding-top: $table-cell-padding;
|
293
|
+
padding-bottom: $table-cell-padding;
|
294
|
+
color: $table-caption-color;
|
295
|
+
text-align: left;
|
296
|
+
caption-side: bottom;
|
297
|
+
}
|
298
|
+
|
299
|
+
th {
|
300
|
+
// Matches default `<td>` alignment by inheriting from the `<body>`, or the
|
301
|
+
// closest parent with a set `text-align`.
|
302
|
+
text-align: inherit;
|
303
|
+
}
|
304
|
+
|
305
|
+
|
306
|
+
//
|
307
|
+
// Forms
|
308
|
+
//
|
309
|
+
|
310
|
+
label {
|
311
|
+
// Allow labels to use `margin` for spacing.
|
312
|
+
display: inline-block;
|
313
|
+
margin-bottom: $label-margin-bottom;
|
314
|
+
}
|
315
|
+
|
316
|
+
// Remove the default `border-radius` that macOS Chrome adds.
|
317
|
+
//
|
318
|
+
// Details at https://github.com/twbs/bootstrap/issues/24093
|
319
|
+
button {
|
320
|
+
border-radius: 0;
|
321
|
+
}
|
322
|
+
|
323
|
+
// Work around a Firefox/IE bug where the transparent `button` background
|
324
|
+
// results in a loss of the default `button` focus styles.
|
325
|
+
//
|
326
|
+
// Credit: https://github.com/suitcss/base/
|
327
|
+
button:focus {
|
328
|
+
outline: 1px dotted;
|
329
|
+
outline: 5px auto -webkit-focus-ring-color;
|
330
|
+
}
|
331
|
+
|
332
|
+
input,
|
333
|
+
button,
|
334
|
+
select,
|
335
|
+
optgroup,
|
336
|
+
textarea {
|
337
|
+
margin: 0; // Remove the margin in Firefox and Safari
|
338
|
+
font-family: inherit;
|
339
|
+
font-size: inherit;
|
340
|
+
line-height: inherit;
|
341
|
+
}
|
342
|
+
|
343
|
+
button,
|
344
|
+
input {
|
345
|
+
overflow: visible; // Show the overflow in Edge
|
346
|
+
}
|
347
|
+
|
348
|
+
button,
|
349
|
+
select {
|
350
|
+
text-transform: none; // Remove the inheritance of text transform in Firefox
|
351
|
+
}
|
352
|
+
|
353
|
+
// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
354
|
+
// controls in Android 4.
|
355
|
+
// 2. Correct the inability to style clickable types in iOS and Safari.
|
356
|
+
button,
|
357
|
+
html [type="button"], // 1
|
358
|
+
[type="reset"],
|
359
|
+
[type="submit"] {
|
360
|
+
-webkit-appearance: button; // 2
|
361
|
+
}
|
362
|
+
|
363
|
+
// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
|
364
|
+
button::-moz-focus-inner,
|
365
|
+
[type="button"]::-moz-focus-inner,
|
366
|
+
[type="reset"]::-moz-focus-inner,
|
367
|
+
[type="submit"]::-moz-focus-inner {
|
368
|
+
padding: 0;
|
369
|
+
border-style: none;
|
370
|
+
}
|
371
|
+
|
372
|
+
input[type="radio"],
|
373
|
+
input[type="checkbox"] {
|
374
|
+
box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
|
375
|
+
padding: 0; // 2. Remove the padding in IE 10-
|
376
|
+
}
|
377
|
+
|
378
|
+
|
379
|
+
input[type="date"],
|
380
|
+
input[type="time"],
|
381
|
+
input[type="datetime-local"],
|
382
|
+
input[type="month"] {
|
383
|
+
// Remove the default appearance of temporal inputs to avoid a Mobile Safari
|
384
|
+
// bug where setting a custom line-height prevents text from being vertically
|
385
|
+
// centered within the input.
|
386
|
+
// See https://bugs.webkit.org/show_bug.cgi?id=139848
|
387
|
+
// and https://github.com/twbs/bootstrap/issues/11266
|
388
|
+
-webkit-appearance: listbox;
|
389
|
+
}
|
390
|
+
|
391
|
+
textarea {
|
392
|
+
overflow: auto; // Remove the default vertical scrollbar in IE.
|
393
|
+
// Textareas should really only resize vertically so they don't break their (horizontal) containers.
|
394
|
+
resize: vertical;
|
395
|
+
}
|
396
|
+
|
397
|
+
fieldset {
|
398
|
+
// Browsers set a default `min-width: min-content;` on fieldsets,
|
399
|
+
// unlike e.g. `<div>`s, which have `min-width: 0;` by default.
|
400
|
+
// So we reset that to ensure fieldsets behave more like a standard block element.
|
401
|
+
// See https://github.com/twbs/bootstrap/issues/12359
|
402
|
+
// and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
|
403
|
+
min-width: 0;
|
404
|
+
// Reset the default outline behavior of fieldsets so they don't affect page layout.
|
405
|
+
padding: 0;
|
406
|
+
margin: 0;
|
407
|
+
border: 0;
|
408
|
+
}
|
409
|
+
|
410
|
+
// 1. Correct the text wrapping in Edge and IE.
|
411
|
+
// 2. Correct the color inheritance from `fieldset` elements in IE.
|
412
|
+
legend {
|
413
|
+
display: block;
|
414
|
+
width: 100%;
|
415
|
+
max-width: 100%; // 1
|
416
|
+
padding: 0;
|
417
|
+
margin-bottom: .5rem;
|
418
|
+
font-size: 1.5rem;
|
419
|
+
line-height: inherit;
|
420
|
+
color: inherit; // 2
|
421
|
+
white-space: normal; // 1
|
422
|
+
}
|
423
|
+
|
424
|
+
progress {
|
425
|
+
vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
426
|
+
}
|
427
|
+
|
428
|
+
// Correct the cursor style of increment and decrement buttons in Chrome.
|
429
|
+
[type="number"]::-webkit-inner-spin-button,
|
430
|
+
[type="number"]::-webkit-outer-spin-button {
|
431
|
+
height: auto;
|
432
|
+
}
|
433
|
+
|
434
|
+
[type="search"] {
|
435
|
+
// This overrides the extra rounded corners on search inputs in iOS so that our
|
436
|
+
// `.form-control` class can properly style them. Note that this cannot simply
|
437
|
+
// be added to `.form-control` as it's not specific enough. For details, see
|
438
|
+
// https://github.com/twbs/bootstrap/issues/11586.
|
439
|
+
outline-offset: -2px; // 2. Correct the outline style in Safari.
|
440
|
+
-webkit-appearance: none;
|
441
|
+
}
|
442
|
+
|
443
|
+
//
|
444
|
+
// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
445
|
+
//
|
446
|
+
|
447
|
+
[type="search"]::-webkit-search-cancel-button,
|
448
|
+
[type="search"]::-webkit-search-decoration {
|
449
|
+
-webkit-appearance: none;
|
450
|
+
}
|
451
|
+
|
452
|
+
//
|
453
|
+
// 1. Correct the inability to style clickable types in iOS and Safari.
|
454
|
+
// 2. Change font properties to `inherit` in Safari.
|
455
|
+
//
|
456
|
+
|
457
|
+
::-webkit-file-upload-button {
|
458
|
+
font: inherit; // 2
|
459
|
+
-webkit-appearance: button; // 1
|
460
|
+
}
|
461
|
+
|
462
|
+
//
|
463
|
+
// Correct element displays
|
464
|
+
//
|
465
|
+
|
466
|
+
output {
|
467
|
+
display: inline-block;
|
468
|
+
}
|
469
|
+
|
470
|
+
summary {
|
471
|
+
display: list-item; // Add the correct display in all browsers
|
472
|
+
cursor: pointer;
|
473
|
+
}
|
474
|
+
|
475
|
+
template {
|
476
|
+
display: none; // Add the correct display in IE
|
477
|
+
}
|
478
|
+
|
479
|
+
// Always hide an element with the `hidden` HTML attribute (from PureCSS).
|
480
|
+
// Needed for proper display in IE 10-.
|
481
|
+
[hidden] {
|
482
|
+
display: none !important;
|
483
|
+
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
:root {
|
2
|
+
// Custom variable values only support SassScript inside `#{}`.
|
3
|
+
@each $color, $value in $colors {
|
4
|
+
--#{$color}: #{$value};
|
5
|
+
}
|
6
|
+
|
7
|
+
@each $color, $value in $theme-colors {
|
8
|
+
--#{$color}: #{$value};
|
9
|
+
}
|
10
|
+
|
11
|
+
@each $bp, $value in $grid-breakpoints {
|
12
|
+
--breakpoint-#{$bp}: #{$value};
|
13
|
+
}
|
14
|
+
|
15
|
+
// Use `inspect` for lists so that quoted items keep the quotes.
|
16
|
+
// See https://github.com/sass/sass/issues/2383#issuecomment-336349172
|
17
|
+
--font-family-sans-serif: #{inspect($font-family-sans-serif)};
|
18
|
+
--font-family-monospace: #{inspect($font-family-monospace)};
|
19
|
+
}
|
@@ -0,0 +1,187 @@
|
|
1
|
+
//
|
2
|
+
// Basic Bootstrap table
|
3
|
+
//
|
4
|
+
|
5
|
+
.table {
|
6
|
+
width: 100%;
|
7
|
+
margin-bottom: $spacer;
|
8
|
+
background-color: $table-bg; // Reset for nesting within parents with `background-color`.
|
9
|
+
|
10
|
+
th,
|
11
|
+
td {
|
12
|
+
padding: $table-cell-padding;
|
13
|
+
vertical-align: top;
|
14
|
+
border-top: $table-border-width solid $table-border-color;
|
15
|
+
}
|
16
|
+
|
17
|
+
thead th {
|
18
|
+
vertical-align: bottom;
|
19
|
+
border-bottom: (2 * $table-border-width) solid $table-border-color;
|
20
|
+
}
|
21
|
+
|
22
|
+
tbody + tbody {
|
23
|
+
border-top: (2 * $table-border-width) solid $table-border-color;
|
24
|
+
}
|
25
|
+
|
26
|
+
.table {
|
27
|
+
background-color: $body-bg;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
|
32
|
+
//
|
33
|
+
// Condensed table w/ half padding
|
34
|
+
//
|
35
|
+
|
36
|
+
.table-sm {
|
37
|
+
th,
|
38
|
+
td {
|
39
|
+
padding: $table-cell-padding-sm;
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
|
44
|
+
// Border versions
|
45
|
+
//
|
46
|
+
// Add or remove borders all around the table and between all the columns.
|
47
|
+
|
48
|
+
.table-bordered {
|
49
|
+
border: $table-border-width solid $table-border-color;
|
50
|
+
|
51
|
+
th,
|
52
|
+
td {
|
53
|
+
border: $table-border-width solid $table-border-color;
|
54
|
+
}
|
55
|
+
|
56
|
+
thead {
|
57
|
+
th,
|
58
|
+
td {
|
59
|
+
border-bottom-width: (2 * $table-border-width);
|
60
|
+
}
|
61
|
+
}
|
62
|
+
}
|
63
|
+
|
64
|
+
.table-borderless {
|
65
|
+
th,
|
66
|
+
td,
|
67
|
+
thead th,
|
68
|
+
tbody + tbody {
|
69
|
+
border: 0;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
|
73
|
+
// Zebra-striping
|
74
|
+
//
|
75
|
+
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
76
|
+
|
77
|
+
.table-striped {
|
78
|
+
tbody tr:nth-of-type(#{$table-striped-order}) {
|
79
|
+
background-color: $table-accent-bg;
|
80
|
+
}
|
81
|
+
}
|
82
|
+
|
83
|
+
|
84
|
+
// Hover effect
|
85
|
+
//
|
86
|
+
// Placed here since it has to come after the potential zebra striping
|
87
|
+
|
88
|
+
.table-hover {
|
89
|
+
tbody tr {
|
90
|
+
@include hover {
|
91
|
+
background-color: $table-hover-bg;
|
92
|
+
}
|
93
|
+
}
|
94
|
+
}
|
95
|
+
|
96
|
+
|
97
|
+
// Table backgrounds
|
98
|
+
//
|
99
|
+
// Exact selectors below required to override `.table-striped` and prevent
|
100
|
+
// inheritance to nested tables.
|
101
|
+
|
102
|
+
@each $color, $value in $theme-colors {
|
103
|
+
@include table-row-variant($color, theme-color-level($color, -9));
|
104
|
+
}
|
105
|
+
|
106
|
+
@include table-row-variant(active, $table-active-bg);
|
107
|
+
|
108
|
+
|
109
|
+
// Dark styles
|
110
|
+
//
|
111
|
+
// Same table markup, but inverted color scheme: dark background and light text.
|
112
|
+
|
113
|
+
// stylelint-disable-next-line no-duplicate-selectors
|
114
|
+
.table {
|
115
|
+
.thead-dark {
|
116
|
+
th {
|
117
|
+
color: $table-dark-color;
|
118
|
+
background-color: $table-dark-bg;
|
119
|
+
border-color: $table-dark-border-color;
|
120
|
+
}
|
121
|
+
}
|
122
|
+
|
123
|
+
.thead-light {
|
124
|
+
th {
|
125
|
+
color: $table-head-color;
|
126
|
+
background-color: $table-head-bg;
|
127
|
+
border-color: $table-border-color;
|
128
|
+
}
|
129
|
+
}
|
130
|
+
}
|
131
|
+
|
132
|
+
.table-dark {
|
133
|
+
color: $table-dark-color;
|
134
|
+
background-color: $table-dark-bg;
|
135
|
+
|
136
|
+
th,
|
137
|
+
td,
|
138
|
+
thead th {
|
139
|
+
border-color: $table-dark-border-color;
|
140
|
+
}
|
141
|
+
|
142
|
+
&.table-bordered {
|
143
|
+
border: 0;
|
144
|
+
}
|
145
|
+
|
146
|
+
&.table-striped {
|
147
|
+
tbody tr:nth-of-type(odd) {
|
148
|
+
background-color: $table-dark-accent-bg;
|
149
|
+
}
|
150
|
+
}
|
151
|
+
|
152
|
+
&.table-hover {
|
153
|
+
tbody tr {
|
154
|
+
@include hover {
|
155
|
+
background-color: $table-dark-hover-bg;
|
156
|
+
}
|
157
|
+
}
|
158
|
+
}
|
159
|
+
}
|
160
|
+
|
161
|
+
|
162
|
+
// Responsive tables
|
163
|
+
//
|
164
|
+
// Generate series of `.table-responsive-*` classes for configuring the screen
|
165
|
+
// size of where your table will overflow.
|
166
|
+
|
167
|
+
.table-responsive {
|
168
|
+
@each $breakpoint in map-keys($grid-breakpoints) {
|
169
|
+
$next: breakpoint-next($breakpoint, $grid-breakpoints);
|
170
|
+
$infix: breakpoint-infix($next, $grid-breakpoints);
|
171
|
+
|
172
|
+
&#{$infix} {
|
173
|
+
@include media-breakpoint-down($breakpoint) {
|
174
|
+
display: block;
|
175
|
+
width: 100%;
|
176
|
+
overflow-x: auto;
|
177
|
+
-webkit-overflow-scrolling: touch;
|
178
|
+
-ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
|
179
|
+
|
180
|
+
// Prevent double border on horizontal scroll due to use of `display: block;`
|
181
|
+
> .table-bordered {
|
182
|
+
border: 0;
|
183
|
+
}
|
184
|
+
}
|
185
|
+
}
|
186
|
+
}
|
187
|
+
}
|