bootstrap-propshaft 5.3.2

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