bootstrap-scss 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (98) hide show
  1. checksums.yaml +4 -4
  2. data/bootstrap-scss.gemspec +28 -25
  3. data/lib/bootstrap/scss/engine.rb +11 -0
  4. data/lib/bootstrap/scss/version.rb +4 -1
  5. data/lib/bootstrap/scss.rb +53 -3
  6. data/vendor/assets/bootstrap/scss/_accordion.scss +118 -0
  7. data/vendor/assets/bootstrap/scss/_alert.scss +57 -0
  8. data/vendor/assets/bootstrap/scss/_badge.scss +29 -0
  9. data/vendor/assets/bootstrap/scss/_breadcrumb.scss +28 -0
  10. data/vendor/assets/bootstrap/scss/_button-group.scss +139 -0
  11. data/vendor/assets/bootstrap/scss/_buttons.scss +111 -0
  12. data/vendor/assets/bootstrap/scss/_card.scss +216 -0
  13. data/vendor/assets/bootstrap/scss/_carousel.scss +229 -0
  14. data/vendor/assets/bootstrap/scss/_close.scss +40 -0
  15. data/vendor/assets/bootstrap/scss/_containers.scss +41 -0
  16. data/vendor/assets/bootstrap/scss/_dropdown.scss +240 -0
  17. data/vendor/assets/bootstrap/scss/_forms.scss +9 -0
  18. data/vendor/assets/bootstrap/scss/_functions.scss +302 -0
  19. data/vendor/assets/bootstrap/scss/_grid.scss +33 -0
  20. data/vendor/assets/bootstrap/scss/_helpers.scss +9 -0
  21. data/vendor/assets/bootstrap/scss/_images.scss +42 -0
  22. data/vendor/assets/bootstrap/scss/_list-group.scss +174 -0
  23. data/vendor/assets/bootstrap/scss/_mixins.scss +43 -0
  24. data/vendor/assets/bootstrap/scss/_modal.scss +209 -0
  25. data/vendor/assets/bootstrap/scss/_nav.scss +139 -0
  26. data/vendor/assets/bootstrap/scss/_navbar.scss +335 -0
  27. data/vendor/assets/bootstrap/scss/_offcanvas.scss +83 -0
  28. data/vendor/assets/bootstrap/scss/_pagination.scss +64 -0
  29. data/vendor/assets/bootstrap/scss/_placeholders.scss +51 -0
  30. data/vendor/assets/bootstrap/scss/_popover.scss +158 -0
  31. data/vendor/assets/bootstrap/scss/_progress.scss +48 -0
  32. data/vendor/assets/bootstrap/scss/_reboot.scss +625 -0
  33. data/vendor/assets/bootstrap/scss/_root.scss +54 -0
  34. data/vendor/assets/bootstrap/scss/_spinners.scss +69 -0
  35. data/vendor/assets/bootstrap/scss/_tables.scss +155 -0
  36. data/vendor/assets/bootstrap/scss/_toasts.scss +51 -0
  37. data/vendor/assets/bootstrap/scss/_tooltip.scss +115 -0
  38. data/vendor/assets/bootstrap/scss/_transitions.scss +27 -0
  39. data/vendor/assets/bootstrap/scss/_type.scss +104 -0
  40. data/vendor/assets/bootstrap/scss/_utilities.scss +630 -0
  41. data/vendor/assets/bootstrap/scss/_variables.scss +1641 -0
  42. data/vendor/assets/bootstrap/scss/bootstrap-grid.scss +67 -0
  43. data/vendor/assets/bootstrap/scss/bootstrap-reboot.scss +13 -0
  44. data/vendor/assets/bootstrap/scss/bootstrap-utilities.scss +18 -0
  45. data/vendor/assets/bootstrap/scss/bootstrap.scss +53 -0
  46. data/vendor/assets/bootstrap/scss/forms/_floating-labels.scss +63 -0
  47. data/vendor/assets/bootstrap/scss/forms/_form-check.scss +152 -0
  48. data/vendor/assets/bootstrap/scss/forms/_form-control.scss +219 -0
  49. data/vendor/assets/bootstrap/scss/forms/_form-range.scss +91 -0
  50. data/vendor/assets/bootstrap/scss/forms/_form-select.scss +72 -0
  51. data/vendor/assets/bootstrap/scss/forms/_form-text.scss +11 -0
  52. data/vendor/assets/bootstrap/scss/forms/_input-group.scss +121 -0
  53. data/vendor/assets/bootstrap/scss/forms/_labels.scss +36 -0
  54. data/vendor/assets/bootstrap/scss/forms/_validation.scss +12 -0
  55. data/vendor/assets/bootstrap/scss/helpers/_clearfix.scss +3 -0
  56. data/vendor/assets/bootstrap/scss/helpers/_colored-links.scss +12 -0
  57. data/vendor/assets/bootstrap/scss/helpers/_position.scss +30 -0
  58. data/vendor/assets/bootstrap/scss/helpers/_ratio.scss +26 -0
  59. data/vendor/assets/bootstrap/scss/helpers/_stacks.scss +15 -0
  60. data/vendor/assets/bootstrap/scss/helpers/_stretched-link.scss +15 -0
  61. data/vendor/assets/bootstrap/scss/helpers/_text-truncation.scss +7 -0
  62. data/vendor/assets/bootstrap/scss/helpers/_visually-hidden.scss +8 -0
  63. data/vendor/assets/bootstrap/scss/helpers/_vr.scss +8 -0
  64. data/vendor/assets/bootstrap/scss/mixins/_alert.scss +11 -0
  65. data/vendor/assets/bootstrap/scss/mixins/_backdrop.scss +14 -0
  66. data/vendor/assets/bootstrap/scss/mixins/_border-radius.scss +78 -0
  67. data/vendor/assets/bootstrap/scss/mixins/_box-shadow.scss +18 -0
  68. data/vendor/assets/bootstrap/scss/mixins/_breakpoints.scss +127 -0
  69. data/vendor/assets/bootstrap/scss/mixins/_buttons.scss +133 -0
  70. data/vendor/assets/bootstrap/scss/mixins/_caret.scss +64 -0
  71. data/vendor/assets/bootstrap/scss/mixins/_clearfix.scss +9 -0
  72. data/vendor/assets/bootstrap/scss/mixins/_color-scheme.scss +7 -0
  73. data/vendor/assets/bootstrap/scss/mixins/_container.scss +9 -0
  74. data/vendor/assets/bootstrap/scss/mixins/_deprecate.scss +10 -0
  75. data/vendor/assets/bootstrap/scss/mixins/_forms.scss +144 -0
  76. data/vendor/assets/bootstrap/scss/mixins/_gradients.scss +47 -0
  77. data/vendor/assets/bootstrap/scss/mixins/_grid.scss +151 -0
  78. data/vendor/assets/bootstrap/scss/mixins/_image.scss +16 -0
  79. data/vendor/assets/bootstrap/scss/mixins/_list-group.scss +24 -0
  80. data/vendor/assets/bootstrap/scss/mixins/_lists.scss +7 -0
  81. data/vendor/assets/bootstrap/scss/mixins/_pagination.scss +31 -0
  82. data/vendor/assets/bootstrap/scss/mixins/_reset-text.scss +17 -0
  83. data/vendor/assets/bootstrap/scss/mixins/_resize.scss +6 -0
  84. data/vendor/assets/bootstrap/scss/mixins/_table-variants.scss +21 -0
  85. data/vendor/assets/bootstrap/scss/mixins/_text-truncate.scss +8 -0
  86. data/vendor/assets/bootstrap/scss/mixins/_transition.scss +26 -0
  87. data/vendor/assets/bootstrap/scss/mixins/_utilities.scss +89 -0
  88. data/vendor/assets/bootstrap/scss/mixins/_visually-hidden.scss +29 -0
  89. data/vendor/assets/bootstrap/scss/utilities/_api.scss +47 -0
  90. data/vendor/assets/bootstrap/scss/vendor/_rfs.scss +354 -0
  91. metadata +105 -20
  92. data/.gitignore +0 -14
  93. data/.rspec +0 -3
  94. data/.travis.yml +0 -7
  95. data/Gemfile +0 -6
  96. data/Rakefile +0 -6
  97. data/bin/console +0 -14
  98. data/bin/setup +0 -8
@@ -0,0 +1,48 @@
1
+ // Disable animation if transitions are disabled
2
+
3
+ // scss-docs-start progress-keyframes
4
+ @if $enable-transitions {
5
+ @keyframes progress-bar-stripes {
6
+ 0% { background-position-x: $progress-height; }
7
+ }
8
+ }
9
+ // scss-docs-end progress-keyframes
10
+
11
+ .progress {
12
+ display: flex;
13
+ height: $progress-height;
14
+ overflow: hidden; // force rounded corners by cropping it
15
+ @include font-size($progress-font-size);
16
+ background-color: $progress-bg;
17
+ @include border-radius($progress-border-radius);
18
+ @include box-shadow($progress-box-shadow);
19
+ }
20
+
21
+ .progress-bar {
22
+ display: flex;
23
+ flex-direction: column;
24
+ justify-content: center;
25
+ overflow: hidden;
26
+ color: $progress-bar-color;
27
+ text-align: center;
28
+ white-space: nowrap;
29
+ background-color: $progress-bar-bg;
30
+ @include transition($progress-bar-transition);
31
+ }
32
+
33
+ .progress-bar-striped {
34
+ @include gradient-striped();
35
+ background-size: $progress-height $progress-height;
36
+ }
37
+
38
+ @if $enable-transitions {
39
+ .progress-bar-animated {
40
+ animation: $progress-bar-animation-timing progress-bar-stripes;
41
+
42
+ @if $enable-reduced-motion {
43
+ @media (prefers-reduced-motion: reduce) {
44
+ animation: none;
45
+ }
46
+ }
47
+ }
48
+ }
@@ -0,0 +1,625 @@
1
+ // stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
2
+
3
+
4
+ // Reboot
5
+ //
6
+ // Normalization of HTML elements, manually forked from Normalize.css to remove
7
+ // styles targeting irrelevant browsers while applying new styles.
8
+ //
9
+ // Normalize is licensed MIT. https://github.com/necolas/normalize.css
10
+
11
+
12
+ // Document
13
+ //
14
+ // Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
15
+
16
+ *,
17
+ *::before,
18
+ *::after {
19
+ box-sizing: border-box;
20
+ }
21
+
22
+
23
+ // Root
24
+ //
25
+ // Ability to the value of the root font sizes, affecting the value of `rem`.
26
+ // null by default, thus nothing is generated.
27
+
28
+ :root {
29
+ @if $font-size-root != null {
30
+ font-size: var(--#{$variable-prefix}root-font-size);
31
+ }
32
+
33
+ @if $enable-smooth-scroll {
34
+ @media (prefers-reduced-motion: no-preference) {
35
+ scroll-behavior: smooth;
36
+ }
37
+ }
38
+ }
39
+
40
+
41
+ // Body
42
+ //
43
+ // 1. Remove the margin in all browsers.
44
+ // 2. As a best practice, apply a default `background-color`.
45
+ // 3. Prevent adjustments of font size after orientation changes in iOS.
46
+ // 4. Change the default tap highlight to be completely transparent in iOS.
47
+
48
+ // scss-docs-start reboot-body-rules
49
+ body {
50
+ margin: 0; // 1
51
+ font-family: var(--#{$variable-prefix}body-font-family);
52
+ @include font-size(var(--#{$variable-prefix}body-font-size));
53
+ font-weight: var(--#{$variable-prefix}body-font-weight);
54
+ line-height: var(--#{$variable-prefix}body-line-height);
55
+ color: var(--#{$variable-prefix}body-color);
56
+ text-align: var(--#{$variable-prefix}body-text-align);
57
+ background-color: var(--#{$variable-prefix}body-bg); // 2
58
+ -webkit-text-size-adjust: 100%; // 3
59
+ -webkit-tap-highlight-color: rgba($black, 0); // 4
60
+ }
61
+ // scss-docs-end reboot-body-rules
62
+
63
+
64
+ // Content grouping
65
+ //
66
+ // 1. Reset Firefox's gray color
67
+ // 2. Set correct height and prevent the `size` attribute to make the `hr` look like an input field
68
+
69
+ hr {
70
+ margin: $hr-margin-y 0;
71
+ color: $hr-color; // 1
72
+ background-color: currentColor;
73
+ border: 0;
74
+ opacity: $hr-opacity;
75
+ }
76
+
77
+ hr:not([size]) {
78
+ height: $hr-height; // 2
79
+ }
80
+
81
+
82
+ // Typography
83
+ //
84
+ // 1. Remove top margins from headings
85
+ // By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
86
+ // margin for easier control within type scales as it avoids margin collapsing.
87
+
88
+ %heading {
89
+ margin-top: 0; // 1
90
+ margin-bottom: $headings-margin-bottom;
91
+ font-family: $headings-font-family;
92
+ font-style: $headings-font-style;
93
+ font-weight: $headings-font-weight;
94
+ line-height: $headings-line-height;
95
+ color: $headings-color;
96
+ }
97
+
98
+ h1 {
99
+ @extend %heading;
100
+ @include font-size($h1-font-size);
101
+ }
102
+
103
+ h2 {
104
+ @extend %heading;
105
+ @include font-size($h2-font-size);
106
+ }
107
+
108
+ h3 {
109
+ @extend %heading;
110
+ @include font-size($h3-font-size);
111
+ }
112
+
113
+ h4 {
114
+ @extend %heading;
115
+ @include font-size($h4-font-size);
116
+ }
117
+
118
+ h5 {
119
+ @extend %heading;
120
+ @include font-size($h5-font-size);
121
+ }
122
+
123
+ h6 {
124
+ @extend %heading;
125
+ @include font-size($h6-font-size);
126
+ }
127
+
128
+
129
+ // Reset margins on paragraphs
130
+ //
131
+ // Similarly, the top margin on `<p>`s get reset. However, we also reset the
132
+ // bottom margin to use `rem` units instead of `em`.
133
+
134
+ p {
135
+ margin-top: 0;
136
+ margin-bottom: $paragraph-margin-bottom;
137
+ }
138
+
139
+
140
+ // Abbreviations
141
+ //
142
+ // 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin
143
+ // 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
144
+ // 3. Add explicit cursor to indicate changed behavior.
145
+ // 4. Prevent the text-decoration to be skipped.
146
+
147
+ abbr[title],
148
+ abbr[data-bs-original-title] { // 1
149
+ text-decoration: underline dotted; // 2
150
+ cursor: help; // 3
151
+ text-decoration-skip-ink: none; // 4
152
+ }
153
+
154
+
155
+ // Address
156
+
157
+ address {
158
+ margin-bottom: 1rem;
159
+ font-style: normal;
160
+ line-height: inherit;
161
+ }
162
+
163
+
164
+ // Lists
165
+
166
+ ol,
167
+ ul {
168
+ padding-left: 2rem;
169
+ }
170
+
171
+ ol,
172
+ ul,
173
+ dl {
174
+ margin-top: 0;
175
+ margin-bottom: 1rem;
176
+ }
177
+
178
+ ol ol,
179
+ ul ul,
180
+ ol ul,
181
+ ul ol {
182
+ margin-bottom: 0;
183
+ }
184
+
185
+ dt {
186
+ font-weight: $dt-font-weight;
187
+ }
188
+
189
+ // 1. Undo browser default
190
+
191
+ dd {
192
+ margin-bottom: .5rem;
193
+ margin-left: 0; // 1
194
+ }
195
+
196
+
197
+ // Blockquote
198
+
199
+ blockquote {
200
+ margin: 0 0 1rem;
201
+ }
202
+
203
+
204
+ // Strong
205
+ //
206
+ // Add the correct font weight in Chrome, Edge, and Safari
207
+
208
+ b,
209
+ strong {
210
+ font-weight: $font-weight-bolder;
211
+ }
212
+
213
+
214
+ // Small
215
+ //
216
+ // Add the correct font size in all browsers
217
+
218
+ small {
219
+ @include font-size($small-font-size);
220
+ }
221
+
222
+
223
+ // Mark
224
+
225
+ mark {
226
+ padding: $mark-padding;
227
+ background-color: $mark-bg;
228
+ }
229
+
230
+
231
+ // Sub and Sup
232
+ //
233
+ // Prevent `sub` and `sup` elements from affecting the line height in
234
+ // all browsers.
235
+
236
+ sub,
237
+ sup {
238
+ position: relative;
239
+ @include font-size($sub-sup-font-size);
240
+ line-height: 0;
241
+ vertical-align: baseline;
242
+ }
243
+
244
+ sub { bottom: -.25em; }
245
+ sup { top: -.5em; }
246
+
247
+
248
+ // Links
249
+
250
+ a {
251
+ color: $link-color;
252
+ text-decoration: $link-decoration;
253
+
254
+ &:hover {
255
+ color: $link-hover-color;
256
+ text-decoration: $link-hover-decoration;
257
+ }
258
+ }
259
+
260
+ // And undo these styles for placeholder links/named anchors (without href).
261
+ // It would be more straightforward to just use a[href] in previous block, but that
262
+ // causes specificity issues in many other styles that are too complex to fix.
263
+ // See https://github.com/twbs/bootstrap/issues/19402
264
+
265
+ a:not([href]):not([class]) {
266
+ &,
267
+ &:hover {
268
+ color: inherit;
269
+ text-decoration: none;
270
+ }
271
+ }
272
+
273
+
274
+ // Code
275
+
276
+ pre,
277
+ code,
278
+ kbd,
279
+ samp {
280
+ font-family: $font-family-code;
281
+ @include font-size(1em); // Correct the odd `em` font sizing in all browsers.
282
+ direction: ltr #{"/* rtl:ignore */"};
283
+ unicode-bidi: bidi-override;
284
+ }
285
+
286
+ // 1. Remove browser default top margin
287
+ // 2. Reset browser default of `1em` to use `rem`s
288
+ // 3. Don't allow content to break outside
289
+
290
+ pre {
291
+ display: block;
292
+ margin-top: 0; // 1
293
+ margin-bottom: 1rem; // 2
294
+ overflow: auto; // 3
295
+ @include font-size($code-font-size);
296
+ color: $pre-color;
297
+
298
+ // Account for some code outputs that place code tags in pre tags
299
+ code {
300
+ @include font-size(inherit);
301
+ color: inherit;
302
+ word-break: normal;
303
+ }
304
+ }
305
+
306
+ code {
307
+ @include font-size($code-font-size);
308
+ color: $code-color;
309
+ word-wrap: break-word;
310
+
311
+ // Streamline the style when inside anchors to avoid broken underline and more
312
+ a > & {
313
+ color: inherit;
314
+ }
315
+ }
316
+
317
+ kbd {
318
+ padding: $kbd-padding-y $kbd-padding-x;
319
+ @include font-size($kbd-font-size);
320
+ color: $kbd-color;
321
+ background-color: $kbd-bg;
322
+ @include border-radius($border-radius-sm);
323
+
324
+ kbd {
325
+ padding: 0;
326
+ @include font-size(1em);
327
+ font-weight: $nested-kbd-font-weight;
328
+ }
329
+ }
330
+
331
+
332
+ // Figures
333
+ //
334
+ // Apply a consistent margin strategy (matches our type styles).
335
+
336
+ figure {
337
+ margin: 0 0 1rem;
338
+ }
339
+
340
+
341
+ // Images and content
342
+
343
+ img,
344
+ svg {
345
+ vertical-align: middle;
346
+ }
347
+
348
+
349
+ // Tables
350
+ //
351
+ // Prevent double borders
352
+
353
+ table {
354
+ caption-side: bottom;
355
+ border-collapse: collapse;
356
+ }
357
+
358
+ caption {
359
+ padding-top: $table-cell-padding-y;
360
+ padding-bottom: $table-cell-padding-y;
361
+ color: $table-caption-color;
362
+ text-align: left;
363
+ }
364
+
365
+ // 1. Removes font-weight bold by inheriting
366
+ // 2. Matches default `<td>` alignment by inheriting `text-align`.
367
+ // 3. Fix alignment for Safari
368
+
369
+ th {
370
+ font-weight: $table-th-font-weight; // 1
371
+ text-align: inherit; // 2
372
+ text-align: -webkit-match-parent; // 3
373
+ }
374
+
375
+ thead,
376
+ tbody,
377
+ tfoot,
378
+ tr,
379
+ td,
380
+ th {
381
+ border-color: inherit;
382
+ border-style: solid;
383
+ border-width: 0;
384
+ }
385
+
386
+
387
+ // Forms
388
+ //
389
+ // 1. Allow labels to use `margin` for spacing.
390
+
391
+ label {
392
+ display: inline-block; // 1
393
+ }
394
+
395
+ // Remove the default `border-radius` that macOS Chrome adds.
396
+ // See https://github.com/twbs/bootstrap/issues/24093
397
+
398
+ button {
399
+ // stylelint-disable-next-line property-disallowed-list
400
+ border-radius: 0;
401
+ }
402
+
403
+ // Explicitly remove focus outline in Chromium when it shouldn't be
404
+ // visible (e.g. as result of mouse click or touch tap). It already
405
+ // should be doing this automatically, but seems to currently be
406
+ // confused and applies its very visible two-tone outline anyway.
407
+
408
+ button:focus:not(:focus-visible) {
409
+ outline: 0;
410
+ }
411
+
412
+ // 1. Remove the margin in Firefox and Safari
413
+
414
+ input,
415
+ button,
416
+ select,
417
+ optgroup,
418
+ textarea {
419
+ margin: 0; // 1
420
+ font-family: inherit;
421
+ @include font-size(inherit);
422
+ line-height: inherit;
423
+ }
424
+
425
+ // Remove the inheritance of text transform in Firefox
426
+ button,
427
+ select {
428
+ text-transform: none;
429
+ }
430
+ // Set the cursor for non-`<button>` buttons
431
+ //
432
+ // Details at https://github.com/twbs/bootstrap/pull/30562
433
+ [role="button"] {
434
+ cursor: pointer;
435
+ }
436
+
437
+ select {
438
+ // Remove the inheritance of word-wrap in Safari.
439
+ // See https://github.com/twbs/bootstrap/issues/24990
440
+ word-wrap: normal;
441
+
442
+ // Undo the opacity change from Chrome
443
+ &:disabled {
444
+ opacity: 1;
445
+ }
446
+ }
447
+
448
+ // Remove the dropdown arrow in Chrome from inputs built with datalists.
449
+ // See https://stackoverflow.com/a/54997118
450
+
451
+ [list]::-webkit-calendar-picker-indicator {
452
+ display: none;
453
+ }
454
+
455
+ // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
456
+ // controls in Android 4.
457
+ // 2. Correct the inability to style clickable types in iOS and Safari.
458
+ // 3. Opinionated: add "hand" cursor to non-disabled button elements.
459
+
460
+ button,
461
+ [type="button"], // 1
462
+ [type="reset"],
463
+ [type="submit"] {
464
+ -webkit-appearance: button; // 2
465
+
466
+ @if $enable-button-pointers {
467
+ &:not(:disabled) {
468
+ cursor: pointer; // 3
469
+ }
470
+ }
471
+ }
472
+
473
+ // Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
474
+
475
+ ::-moz-focus-inner {
476
+ padding: 0;
477
+ border-style: none;
478
+ }
479
+
480
+ // 1. Textareas should really only resize vertically so they don't break their (horizontal) containers.
481
+
482
+ textarea {
483
+ resize: vertical; // 1
484
+ }
485
+
486
+ // 1. Browsers set a default `min-width: min-content;` on fieldsets,
487
+ // unlike e.g. `<div>`s, which have `min-width: 0;` by default.
488
+ // So we reset that to ensure fieldsets behave more like a standard block element.
489
+ // See https://github.com/twbs/bootstrap/issues/12359
490
+ // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
491
+ // 2. Reset the default outline behavior of fieldsets so they don't affect page layout.
492
+
493
+ fieldset {
494
+ min-width: 0; // 1
495
+ padding: 0; // 2
496
+ margin: 0; // 2
497
+ border: 0; // 2
498
+ }
499
+
500
+ // 1. By using `float: left`, the legend will behave like a block element.
501
+ // This way the border of a fieldset wraps around the legend if present.
502
+ // 2. Fix wrapping bug.
503
+ // See https://github.com/twbs/bootstrap/issues/29712
504
+
505
+ legend {
506
+ float: left; // 1
507
+ width: 100%;
508
+ padding: 0;
509
+ margin-bottom: $legend-margin-bottom;
510
+ @include font-size($legend-font-size);
511
+ font-weight: $legend-font-weight;
512
+ line-height: inherit;
513
+
514
+ + * {
515
+ clear: left; // 2
516
+ }
517
+ }
518
+
519
+ // Fix height of inputs with a type of datetime-local, date, month, week, or time
520
+ // See https://github.com/twbs/bootstrap/issues/18842
521
+
522
+ ::-webkit-datetime-edit-fields-wrapper,
523
+ ::-webkit-datetime-edit-text,
524
+ ::-webkit-datetime-edit-minute,
525
+ ::-webkit-datetime-edit-hour-field,
526
+ ::-webkit-datetime-edit-day-field,
527
+ ::-webkit-datetime-edit-month-field,
528
+ ::-webkit-datetime-edit-year-field {
529
+ padding: 0;
530
+ }
531
+
532
+ ::-webkit-inner-spin-button {
533
+ height: auto;
534
+ }
535
+
536
+ // 1. Correct the outline style in Safari.
537
+ // 2. This overrides the extra rounded corners on search inputs in iOS so that our
538
+ // `.form-control` class can properly style them. Note that this cannot simply
539
+ // be added to `.form-control` as it's not specific enough. For details, see
540
+ // https://github.com/twbs/bootstrap/issues/11586.
541
+
542
+ [type="search"] {
543
+ outline-offset: -2px; // 1
544
+ -webkit-appearance: textfield; // 2
545
+ }
546
+
547
+ // 1. A few input types should stay LTR
548
+ // See https://rtlstyling.com/posts/rtl-styling#form-inputs
549
+ // 2. RTL only output
550
+ // See https://rtlcss.com/learn/usage-guide/control-directives/#raw
551
+
552
+ /* rtl:raw:
553
+ [type="tel"],
554
+ [type="url"],
555
+ [type="email"],
556
+ [type="number"] {
557
+ direction: ltr;
558
+ }
559
+ */
560
+
561
+ // Remove the inner padding in Chrome and Safari on macOS.
562
+
563
+ ::-webkit-search-decoration {
564
+ -webkit-appearance: none;
565
+ }
566
+
567
+ // Remove padding around color pickers in webkit browsers
568
+
569
+ ::-webkit-color-swatch-wrapper {
570
+ padding: 0;
571
+ }
572
+
573
+
574
+ // Inherit font family and line height for file input buttons
575
+
576
+ ::file-selector-button {
577
+ font: inherit;
578
+ }
579
+
580
+ // 1. Change font properties to `inherit`
581
+ // 2. Correct the inability to style clickable types in iOS and Safari.
582
+
583
+ ::-webkit-file-upload-button {
584
+ font: inherit; // 1
585
+ -webkit-appearance: button; // 2
586
+ }
587
+
588
+ // Correct element displays
589
+
590
+ output {
591
+ display: inline-block;
592
+ }
593
+
594
+ // Remove border from iframe
595
+
596
+ iframe {
597
+ border: 0;
598
+ }
599
+
600
+ // Summary
601
+ //
602
+ // 1. Add the correct display in all browsers
603
+
604
+ summary {
605
+ display: list-item; // 1
606
+ cursor: pointer;
607
+ }
608
+
609
+
610
+ // Progress
611
+ //
612
+ // Add the correct vertical alignment in Chrome, Firefox, and Opera.
613
+
614
+ progress {
615
+ vertical-align: baseline;
616
+ }
617
+
618
+
619
+ // Hidden attribute
620
+ //
621
+ // Always hide an element with the `hidden` HTML attribute.
622
+
623
+ [hidden] {
624
+ display: none !important;
625
+ }
@@ -0,0 +1,54 @@
1
+ :root {
2
+ // Note: Custom variable values only support SassScript inside `#{}`.
3
+
4
+ // Colors
5
+ //
6
+ // Generate palettes for full colors, grays, and theme colors.
7
+
8
+ @each $color, $value in $colors {
9
+ --#{$variable-prefix}#{$color}: #{$value};
10
+ }
11
+
12
+ @each $color, $value in $grays {
13
+ --#{$variable-prefix}gray-#{$color}: #{$value};
14
+ }
15
+
16
+ @each $color, $value in $theme-colors {
17
+ --#{$variable-prefix}#{$color}: #{$value};
18
+ }
19
+
20
+ @each $color, $value in $theme-colors-rgb {
21
+ --#{$variable-prefix}#{$color}-rgb: #{$value};
22
+ }
23
+
24
+ --#{$variable-prefix}white-rgb: #{to-rgb($white)};
25
+ --#{$variable-prefix}black-rgb: #{to-rgb($black)};
26
+ --#{$variable-prefix}body-color-rgb: #{to-rgb($body-color)};
27
+ --#{$variable-prefix}body-bg-rgb: #{to-rgb($body-bg)};
28
+
29
+ // Fonts
30
+
31
+ // Note: Use `inspect` for lists so that quoted items keep the quotes.
32
+ // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
33
+ --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};
34
+ --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};
35
+ --#{$variable-prefix}gradient: #{$gradient};
36
+
37
+ // Root and body
38
+ // stylelint-disable custom-property-empty-line-before
39
+ // scss-docs-start root-body-variables
40
+ @if $font-size-root != null {
41
+ --#{$variable-prefix}root-font-size: #{$font-size-root};
42
+ }
43
+ --#{$variable-prefix}body-font-family: #{$font-family-base};
44
+ --#{$variable-prefix}body-font-size: #{$font-size-base};
45
+ --#{$variable-prefix}body-font-weight: #{$font-weight-base};
46
+ --#{$variable-prefix}body-line-height: #{$line-height-base};
47
+ --#{$variable-prefix}body-color: #{$body-color};
48
+ @if $body-text-align != null {
49
+ --#{$variable-prefix}body-text-align: #{$body-text-align};
50
+ }
51
+ --#{$variable-prefix}body-bg: #{$body-bg};
52
+ // scss-docs-end root-body-variables
53
+ // stylelint-enable custom-property-empty-line-before
54
+ }