bootstrap 5.0.0.alpha1 → 5.0.0.alpha2
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 +4 -4
- data/.travis.yml +1 -1
- data/README.md +1 -1
- data/assets/javascripts/bootstrap-sprockets.js +6 -6
- data/assets/javascripts/bootstrap.js +142 -155
- data/assets/javascripts/bootstrap.min.js +2 -2
- data/assets/javascripts/bootstrap/alert.js +17 -19
- data/assets/javascripts/bootstrap/button.js +14 -12
- data/assets/javascripts/bootstrap/carousel.js +47 -49
- data/assets/javascripts/bootstrap/collapse.js +50 -55
- data/assets/javascripts/bootstrap/dom/data.js +11 -11
- data/assets/javascripts/bootstrap/dom/event-handler.js +9 -5
- data/assets/javascripts/bootstrap/dom/manipulator.js +5 -9
- data/assets/javascripts/bootstrap/dom/polyfill.js +3 -3
- data/assets/javascripts/bootstrap/dom/selector-engine.js +3 -3
- data/assets/javascripts/bootstrap/dropdown.js +46 -48
- data/assets/javascripts/bootstrap/modal.js +77 -65
- data/assets/javascripts/bootstrap/popover.js +21 -23
- data/assets/javascripts/bootstrap/scrollspy.js +33 -39
- data/assets/javascripts/bootstrap/tab.js +24 -22
- data/assets/javascripts/bootstrap/toast.js +32 -28
- data/assets/javascripts/bootstrap/tooltip.js +67 -66
- data/assets/stylesheets/_bootstrap-grid.scss +2 -2
- data/assets/stylesheets/_bootstrap-reboot.scss +1 -1
- data/assets/stylesheets/_bootstrap.scss +1 -1
- data/assets/stylesheets/bootstrap/_alert.scss +3 -4
- data/assets/stylesheets/bootstrap/_card.scss +6 -4
- data/assets/stylesheets/bootstrap/_carousel.scss +17 -0
- data/assets/stylesheets/bootstrap/_close.scss +25 -20
- data/assets/stylesheets/bootstrap/_dropdown.scss +42 -1
- data/assets/stylesheets/bootstrap/_functions.scss +4 -1
- data/assets/stylesheets/bootstrap/_helpers.scss +2 -2
- data/assets/stylesheets/bootstrap/_list-group.scss +1 -1
- data/assets/stylesheets/bootstrap/_mixins.scss +1 -1
- data/assets/stylesheets/bootstrap/_modal.scss +7 -7
- data/assets/stylesheets/bootstrap/_nav.scss +4 -0
- data/assets/stylesheets/bootstrap/_navbar.scss +1 -0
- data/assets/stylesheets/bootstrap/_pagination.scss +3 -0
- data/assets/stylesheets/bootstrap/_reboot.scss +7 -6
- data/assets/stylesheets/bootstrap/_spinners.scss +2 -2
- data/assets/stylesheets/bootstrap/_tables.scss +1 -1
- data/assets/stylesheets/bootstrap/_toasts.scss +6 -2
- data/assets/stylesheets/bootstrap/_utilities.scss +29 -1
- data/assets/stylesheets/bootstrap/_variables.scss +92 -44
- data/assets/stylesheets/bootstrap/bootstrap-utilities.scss +1 -1
- data/assets/stylesheets/bootstrap/forms/_form-check.scss +1 -1
- data/assets/stylesheets/bootstrap/forms/_input-group.scss +2 -2
- data/assets/stylesheets/bootstrap/helpers/_colored-links.scss +1 -1
- data/assets/stylesheets/bootstrap/helpers/_ratio.scss +26 -0
- data/assets/stylesheets/bootstrap/helpers/_visually-hidden.scss +8 -0
- data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +9 -9
- data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +7 -9
- data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +4 -3
- data/assets/stylesheets/bootstrap/mixins/_buttons.scss +11 -8
- data/assets/stylesheets/bootstrap/mixins/_container.scss +5 -3
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +6 -7
- data/assets/stylesheets/bootstrap/mixins/_transition.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/{_screen-reader.scss → _visually-hidden.scss} +5 -5
- data/lib/bootstrap/version.rb +2 -2
- metadata +5 -5
- data/assets/stylesheets/bootstrap/helpers/_embed.scss +0 -31
- data/assets/stylesheets/bootstrap/helpers/_screenreaders.scss +0 -8
|
@@ -23,7 +23,7 @@ $utilities: map-merge(
|
|
|
23
23
|
print: true,
|
|
24
24
|
property: display,
|
|
25
25
|
class: d,
|
|
26
|
-
values:
|
|
26
|
+
values: inline inline-block block table table-row table-cell flex inline-flex none
|
|
27
27
|
),
|
|
28
28
|
"shadow": (
|
|
29
29
|
property: box-shadow,
|
|
@@ -39,6 +39,29 @@ $utilities: map-merge(
|
|
|
39
39
|
property: position,
|
|
40
40
|
values: static relative absolute fixed sticky
|
|
41
41
|
),
|
|
42
|
+
"top": (
|
|
43
|
+
property: top,
|
|
44
|
+
values: $position-values
|
|
45
|
+
),
|
|
46
|
+
"bottom": (
|
|
47
|
+
property: bottom,
|
|
48
|
+
values: $position-values
|
|
49
|
+
),
|
|
50
|
+
"left": (
|
|
51
|
+
property: left,
|
|
52
|
+
values: $position-values
|
|
53
|
+
),
|
|
54
|
+
"right": (
|
|
55
|
+
property: right,
|
|
56
|
+
values: $position-values
|
|
57
|
+
),
|
|
58
|
+
"translate-middle": (
|
|
59
|
+
property: transform,
|
|
60
|
+
class: translate-middle,
|
|
61
|
+
values: (
|
|
62
|
+
null: (translateX(-50%) translateY(-50%))
|
|
63
|
+
)
|
|
64
|
+
),
|
|
42
65
|
"border": (
|
|
43
66
|
property: border,
|
|
44
67
|
values: (
|
|
@@ -79,6 +102,11 @@ $utilities: map-merge(
|
|
|
79
102
|
class: border,
|
|
80
103
|
values: map-merge($theme-colors, ("white": $white))
|
|
81
104
|
),
|
|
105
|
+
"border-width": (
|
|
106
|
+
property: border-width,
|
|
107
|
+
class: border,
|
|
108
|
+
values: $border-widths
|
|
109
|
+
),
|
|
82
110
|
// Sizing utilities
|
|
83
111
|
"width": (
|
|
84
112
|
property: width,
|
|
@@ -38,9 +38,9 @@ $pink: #d63384 !default;
|
|
|
38
38
|
$red: #dc3545 !default;
|
|
39
39
|
$orange: #fd7e14 !default;
|
|
40
40
|
$yellow: #ffc107 !default;
|
|
41
|
-
$green: #
|
|
41
|
+
$green: #198754 !default;
|
|
42
42
|
$teal: #20c997 !default;
|
|
43
|
-
$cyan: #
|
|
43
|
+
$cyan: #0dcaf0 !default;
|
|
44
44
|
|
|
45
45
|
// scss-docs-start colors-map
|
|
46
46
|
$colors: (
|
|
@@ -87,10 +87,10 @@ $theme-color-interval: 8% !default;
|
|
|
87
87
|
|
|
88
88
|
// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
|
|
89
89
|
// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
|
|
90
|
-
$min-contrast-ratio:
|
|
90
|
+
$min-contrast-ratio: 4.5 !default;
|
|
91
91
|
|
|
92
92
|
// Customize the light and dark text colors for use in our color contrast function.
|
|
93
|
-
$color-contrast-dark: $
|
|
93
|
+
$color-contrast-dark: $black !default;
|
|
94
94
|
$color-contrast-light: $white !default;
|
|
95
95
|
|
|
96
96
|
// fusv-disable
|
|
@@ -197,11 +197,11 @@ $cyan-900: shade-color($cyan, 8) !default;
|
|
|
197
197
|
|
|
198
198
|
// Characters which are escaped by the escape-svg function
|
|
199
199
|
$escaped-characters: (
|
|
200
|
-
("<","%3c"),
|
|
201
|
-
(">","%3e"),
|
|
202
|
-
("#","%23"),
|
|
203
|
-
("(","%28"),
|
|
204
|
-
(")","%29"),
|
|
200
|
+
("<", "%3c"),
|
|
201
|
+
(">", "%3e"),
|
|
202
|
+
("#", "%23"),
|
|
203
|
+
("(", "%28"),
|
|
204
|
+
(")", "%29"),
|
|
205
205
|
) !default;
|
|
206
206
|
|
|
207
207
|
// Options
|
|
@@ -246,6 +246,17 @@ $spacers: (
|
|
|
246
246
|
|
|
247
247
|
$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;
|
|
248
248
|
|
|
249
|
+
// Position
|
|
250
|
+
//
|
|
251
|
+
// Define the edge positioning anchors of the position utilities.
|
|
252
|
+
|
|
253
|
+
$position-values: (
|
|
254
|
+
0: 0,
|
|
255
|
+
50: 50%,
|
|
256
|
+
100: 100%
|
|
257
|
+
) !default;
|
|
258
|
+
|
|
259
|
+
|
|
249
260
|
// Body
|
|
250
261
|
//
|
|
251
262
|
// Settings for the `<body>` element.
|
|
@@ -325,7 +336,7 @@ $gutters: $spacers !default;
|
|
|
325
336
|
|
|
326
337
|
// Container padding
|
|
327
338
|
|
|
328
|
-
$container-padding-x:
|
|
339
|
+
$container-padding-x: $grid-gutter-width !default;
|
|
329
340
|
|
|
330
341
|
|
|
331
342
|
// Components
|
|
@@ -338,6 +349,14 @@ $border-color: $gray-300 !default;
|
|
|
338
349
|
$border-radius: .25rem !default;
|
|
339
350
|
$border-radius-sm: .2rem !default;
|
|
340
351
|
$border-radius-lg: .3rem !default;
|
|
352
|
+
$border-widths: (
|
|
353
|
+
0: 0,
|
|
354
|
+
1: 1px,
|
|
355
|
+
2: 2px,
|
|
356
|
+
3: 3px,
|
|
357
|
+
4: 4px,
|
|
358
|
+
5: 5px
|
|
359
|
+
) !default;
|
|
341
360
|
|
|
342
361
|
$rounded-pill: 50rem !default;
|
|
343
362
|
|
|
@@ -357,26 +376,16 @@ $transition-base: all .2s ease-in-out !default;
|
|
|
357
376
|
$transition-fade: opacity .15s linear !default;
|
|
358
377
|
$transition-collapse: height .35s ease !default;
|
|
359
378
|
|
|
360
|
-
//
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
),
|
|
366
|
-
"
|
|
367
|
-
x: 16,
|
|
368
|
-
y: 9
|
|
369
|
-
),
|
|
370
|
-
"4by3": (
|
|
371
|
-
x: 4,
|
|
372
|
-
y: 3
|
|
373
|
-
),
|
|
374
|
-
"1by1": (
|
|
375
|
-
x: 1,
|
|
376
|
-
y: 1
|
|
377
|
-
)
|
|
379
|
+
// stylelint-disable function-disallowed-list
|
|
380
|
+
// scss-docs-start aspect-ratios
|
|
381
|
+
$aspect-ratios: (
|
|
382
|
+
"1x1": 100%,
|
|
383
|
+
"4x3": calc(3 / 4 * 100%),
|
|
384
|
+
"16x9": calc(9 / 16 * 100%),
|
|
385
|
+
"21x9": calc(9 / 21 * 100%)
|
|
378
386
|
) !default;
|
|
379
|
-
// scss-docs-end
|
|
387
|
+
// scss-docs-end aspect-ratios
|
|
388
|
+
// stylelint-enable function-disallowed-list
|
|
380
389
|
|
|
381
390
|
// Typography
|
|
382
391
|
//
|
|
@@ -487,6 +496,8 @@ $table-cell-vertical-align: top !default;
|
|
|
487
496
|
$table-color: $body-color !default;
|
|
488
497
|
$table-bg: transparent !default;
|
|
489
498
|
|
|
499
|
+
$table-th-font-weight: null !default;
|
|
500
|
+
|
|
490
501
|
$table-striped-color: $table-color !default;
|
|
491
502
|
$table-striped-bg-factor: .05 !default;
|
|
492
503
|
$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;
|
|
@@ -505,7 +516,7 @@ $table-border-color: $border-color !default;
|
|
|
505
516
|
|
|
506
517
|
$table-striped-order: odd !default;
|
|
507
518
|
|
|
508
|
-
$table-group-
|
|
519
|
+
$table-group-separator-color: currentColor !default;
|
|
509
520
|
|
|
510
521
|
$table-caption-color: $text-muted !default;
|
|
511
522
|
|
|
@@ -534,7 +545,7 @@ $input-btn-font-family: null !default;
|
|
|
534
545
|
$input-btn-font-size: $font-size-base !default;
|
|
535
546
|
$input-btn-line-height: $line-height-base !default;
|
|
536
547
|
|
|
537
|
-
$input-btn-focus-width: .
|
|
548
|
+
$input-btn-focus-width: .25rem !default;
|
|
538
549
|
$input-btn-focus-color-opacity: .25 !default;
|
|
539
550
|
$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;
|
|
540
551
|
$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
|
|
@@ -656,7 +667,7 @@ $input-height-lg: add($input-line-height * 1em, add($input
|
|
|
656
667
|
$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
|
657
668
|
|
|
658
669
|
|
|
659
|
-
$form-check-input-width:
|
|
670
|
+
$form-check-input-width: 1em !default;
|
|
660
671
|
$form-check-min-height: $font-size-base * $line-height-base !default;
|
|
661
672
|
$form-check-padding-left: $form-check-input-width + .5em !default;
|
|
662
673
|
$form-check-margin-bottom: .125rem !default;
|
|
@@ -699,6 +710,9 @@ $form-switch-checked-bg-position: right center !default;
|
|
|
699
710
|
|
|
700
711
|
$form-check-inline-margin-right: 1rem !default;
|
|
701
712
|
|
|
713
|
+
$input-group-addon-padding-y: $input-padding-y !default;
|
|
714
|
+
$input-group-addon-padding-x: $input-padding-x !default;
|
|
715
|
+
$input-group-addon-font-weight: $input-font-weight !default;
|
|
702
716
|
$input-group-addon-color: $input-color !default;
|
|
703
717
|
$input-group-addon-bg: $gray-200 !default;
|
|
704
718
|
$input-group-addon-border-color: $input-border-color !default;
|
|
@@ -841,6 +855,10 @@ $zindex-tooltip: 1070 !default;
|
|
|
841
855
|
|
|
842
856
|
$nav-link-padding-y: .5rem !default;
|
|
843
857
|
$nav-link-padding-x: 1rem !default;
|
|
858
|
+
$nav-link-font-size: null !default;
|
|
859
|
+
$nav-link-font-weight: null !default;
|
|
860
|
+
$nav-link-color: null !default;
|
|
861
|
+
$nav-link-hover-color: null !default;
|
|
844
862
|
$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;
|
|
845
863
|
$nav-link-disabled-color: $gray-600 !default;
|
|
846
864
|
|
|
@@ -903,6 +921,7 @@ $navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
|
|
|
903
921
|
// Dropdown menu container and contents.
|
|
904
922
|
|
|
905
923
|
$dropdown-min-width: 10rem !default;
|
|
924
|
+
$dropdown-padding-x: 0 !default;
|
|
906
925
|
$dropdown-padding-y: .5rem !default;
|
|
907
926
|
$dropdown-spacer: .125rem !default;
|
|
908
927
|
$dropdown-font-size: $font-size-base !default;
|
|
@@ -912,7 +931,7 @@ $dropdown-border-color: rgba($black, .15) !default;
|
|
|
912
931
|
$dropdown-border-radius: $border-radius !default;
|
|
913
932
|
$dropdown-border-width: $border-width !default;
|
|
914
933
|
$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;
|
|
915
|
-
$dropdown-divider-bg: $
|
|
934
|
+
$dropdown-divider-bg: $dropdown-border-color !default;
|
|
916
935
|
$dropdown-divider-margin-y: $spacer / 2 !default;
|
|
917
936
|
$dropdown-box-shadow: $box-shadow !default;
|
|
918
937
|
|
|
@@ -931,6 +950,19 @@ $dropdown-item-padding-x: $spacer !default;
|
|
|
931
950
|
$dropdown-header-color: $gray-600 !default;
|
|
932
951
|
$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;
|
|
933
952
|
|
|
953
|
+
$dropdown-dark-color: $gray-300 !default;
|
|
954
|
+
$dropdown-dark-bg: $gray-800 !default;
|
|
955
|
+
$dropdown-dark-border-color: $dropdown-border-color !default;
|
|
956
|
+
$dropdown-dark-divider-bg: $dropdown-divider-bg !default;
|
|
957
|
+
$dropdown-dark-box-shadow: null !default;
|
|
958
|
+
$dropdown-dark-link-color: $dropdown-dark-color !default;
|
|
959
|
+
$dropdown-dark-link-hover-color: $white !default;
|
|
960
|
+
$dropdown-dark-link-hover-bg: rgba($white, .15) !default;
|
|
961
|
+
$dropdown-dark-link-active-color: $dropdown-link-active-color !default;
|
|
962
|
+
$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;
|
|
963
|
+
$dropdown-dark-link-disabled-color: $gray-500 !default;
|
|
964
|
+
$dropdown-dark-header-color: $gray-500 !default;
|
|
965
|
+
|
|
934
966
|
|
|
935
967
|
// Pagination
|
|
936
968
|
|
|
@@ -948,6 +980,8 @@ $pagination-border-radius: $border-radius !default;
|
|
|
948
980
|
$pagination-margin-left: -$pagination-border-width !default;
|
|
949
981
|
$pagination-border-color: $gray-300 !default;
|
|
950
982
|
|
|
983
|
+
$pagination-focus-color: $link-hover-color !default;
|
|
984
|
+
$pagination-focus-bg: $gray-200 !default;
|
|
951
985
|
$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
952
986
|
$pagination-focus-outline: 0 !default;
|
|
953
987
|
|
|
@@ -963,6 +997,7 @@ $pagination-disabled-color: $gray-600 !default;
|
|
|
963
997
|
$pagination-disabled-bg: $white !default;
|
|
964
998
|
$pagination-disabled-border-color: $gray-300 !default;
|
|
965
999
|
|
|
1000
|
+
$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
|
966
1001
|
|
|
967
1002
|
// Cards
|
|
968
1003
|
|
|
@@ -1042,7 +1077,7 @@ $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default
|
|
|
1042
1077
|
|
|
1043
1078
|
$toast-max-width: 350px !default;
|
|
1044
1079
|
$toast-padding-x: .75rem !default;
|
|
1045
|
-
$toast-padding-y: .
|
|
1080
|
+
$toast-padding-y: .5rem !default;
|
|
1046
1081
|
$toast-font-size: .875rem !default;
|
|
1047
1082
|
$toast-color: null !default;
|
|
1048
1083
|
$toast-background-color: rgba($white, .85) !default;
|
|
@@ -1061,8 +1096,8 @@ $toast-header-border-color: rgba(0, 0, 0, .05) !default;
|
|
|
1061
1096
|
$badge-font-size: .75em !default;
|
|
1062
1097
|
$badge-font-weight: $font-weight-bold !default;
|
|
1063
1098
|
$badge-color: $white !default;
|
|
1064
|
-
$badge-padding-y: .
|
|
1065
|
-
$badge-padding-x: .
|
|
1099
|
+
$badge-padding-y: .35em !default;
|
|
1100
|
+
$badge-padding-x: .65em !default;
|
|
1066
1101
|
$badge-border-radius: $border-radius !default;
|
|
1067
1102
|
|
|
1068
1103
|
|
|
@@ -1124,6 +1159,8 @@ $alert-bg-level: -10 !default;
|
|
|
1124
1159
|
$alert-border-level: -9 !default;
|
|
1125
1160
|
$alert-color-level: 6 !default;
|
|
1126
1161
|
|
|
1162
|
+
$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side
|
|
1163
|
+
|
|
1127
1164
|
|
|
1128
1165
|
// Progress bars
|
|
1129
1166
|
|
|
@@ -1217,14 +1254,18 @@ $carousel-caption-color: $white !default;
|
|
|
1217
1254
|
$carousel-caption-padding-y: 1.25rem !default;
|
|
1218
1255
|
$carousel-caption-spacer: 1.25rem !default;
|
|
1219
1256
|
|
|
1220
|
-
$carousel-control-icon-width:
|
|
1257
|
+
$carousel-control-icon-width: 2rem !default;
|
|
1221
1258
|
|
|
1222
|
-
$carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0
|
|
1223
|
-
$carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0
|
|
1259
|
+
$carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 16 16'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>") !default;
|
|
1260
|
+
$carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 16 16'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>") !default;
|
|
1224
1261
|
|
|
1225
1262
|
$carousel-transition-duration: .6s !default;
|
|
1226
1263
|
$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
|
|
1227
1264
|
|
|
1265
|
+
$carousel-dark-indicator-active-bg: $black !default;
|
|
1266
|
+
$carousel-dark-caption-color: $black !default;
|
|
1267
|
+
$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;
|
|
1268
|
+
|
|
1228
1269
|
|
|
1229
1270
|
// Spinners
|
|
1230
1271
|
|
|
@@ -1240,11 +1281,18 @@ $spinner-border-width-sm: .2em !default;
|
|
|
1240
1281
|
|
|
1241
1282
|
// Close
|
|
1242
1283
|
|
|
1243
|
-
$close-
|
|
1244
|
-
$close-
|
|
1245
|
-
$close-
|
|
1246
|
-
$close-
|
|
1247
|
-
|
|
1284
|
+
$btn-close-width: 1em !default;
|
|
1285
|
+
$btn-close-height: $btn-close-width !default;
|
|
1286
|
+
$btn-close-padding-x: .25em !default;
|
|
1287
|
+
$btn-close-padding-y: $btn-close-padding-x !default;
|
|
1288
|
+
$btn-close-color: $black !default;
|
|
1289
|
+
$btn-close-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$btn-close-color}' viewBox='0 0 16 16'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") !default;
|
|
1290
|
+
$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;
|
|
1291
|
+
$btn-close-opacity: .5 !default;
|
|
1292
|
+
$btn-close-hover-opacity: .75 !default;
|
|
1293
|
+
$btn-close-focus-opacity: 1 !default;
|
|
1294
|
+
$btn-close-disabled-opacity: .25 !default;
|
|
1295
|
+
$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;
|
|
1248
1296
|
|
|
1249
1297
|
// Code
|
|
1250
1298
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Bootstrap Utilities v5.0.0-
|
|
2
|
+
* Bootstrap Utilities v5.0.0-alpha2 (https://getbootstrap.com/)
|
|
3
3
|
* Copyright 2011-2020 The Bootstrap Authors
|
|
4
4
|
* Copyright 2011-2020 Twitter, Inc.
|
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
@@ -62,9 +62,9 @@
|
|
|
62
62
|
.input-group-text {
|
|
63
63
|
display: flex;
|
|
64
64
|
align-items: center;
|
|
65
|
-
padding: $input-padding-y $input-padding-x;
|
|
65
|
+
padding: $input-group-addon-padding-y $input-group-addon-padding-x;
|
|
66
66
|
@include font-size($input-font-size); // Match inputs
|
|
67
|
-
font-weight: $font-weight
|
|
67
|
+
font-weight: $input-group-addon-font-weight;
|
|
68
68
|
line-height: $input-line-height;
|
|
69
69
|
color: $input-group-addon-color;
|
|
70
70
|
text-align: center;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
@if $emphasized-link-hover-darken-percentage != 0 {
|
|
6
6
|
&:hover,
|
|
7
7
|
&:focus {
|
|
8
|
-
color: darken($value, $emphasized-link-hover-darken-percentage);
|
|
8
|
+
color: if(color-contrast($value) == $color-contrast-light, darken($value, $emphasized-link-hover-darken-percentage), lighten($value, $emphasized-link-hover-darken-percentage));
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
// Credit: Nicolas Gallagher and SUIT CSS.
|
|
2
|
+
|
|
3
|
+
.ratio {
|
|
4
|
+
position: relative;
|
|
5
|
+
width: 100%;
|
|
6
|
+
|
|
7
|
+
&::before {
|
|
8
|
+
display: block;
|
|
9
|
+
padding-top: var(--aspect-ratio);
|
|
10
|
+
content: "";
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
> * {
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 0;
|
|
16
|
+
left: 0;
|
|
17
|
+
width: 100%;
|
|
18
|
+
height: 100%;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@each $key, $ratio in $aspect-ratios {
|
|
23
|
+
.ratio-#{$key} {
|
|
24
|
+
--aspect-ratio: #{$ratio};
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// stylelint-disable property-
|
|
1
|
+
// stylelint-disable property-disallowed-list
|
|
2
2
|
// Single side border-radius
|
|
3
3
|
|
|
4
4
|
// Helper function to replace negative values with 0
|
|
@@ -23,53 +23,53 @@
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
@mixin border-top-radius($radius) {
|
|
26
|
+
@mixin border-top-radius($radius: $border-radius) {
|
|
27
27
|
@if $enable-rounded {
|
|
28
28
|
border-top-left-radius: valid-radius($radius);
|
|
29
29
|
border-top-right-radius: valid-radius($radius);
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
@mixin border-right-radius($radius) {
|
|
33
|
+
@mixin border-right-radius($radius: $border-radius) {
|
|
34
34
|
@if $enable-rounded {
|
|
35
35
|
border-top-right-radius: valid-radius($radius);
|
|
36
36
|
border-bottom-right-radius: valid-radius($radius);
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
@mixin border-bottom-radius($radius) {
|
|
40
|
+
@mixin border-bottom-radius($radius: $border-radius) {
|
|
41
41
|
@if $enable-rounded {
|
|
42
42
|
border-bottom-right-radius: valid-radius($radius);
|
|
43
43
|
border-bottom-left-radius: valid-radius($radius);
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
@mixin border-left-radius($radius) {
|
|
47
|
+
@mixin border-left-radius($radius: $border-radius) {
|
|
48
48
|
@if $enable-rounded {
|
|
49
49
|
border-top-left-radius: valid-radius($radius);
|
|
50
50
|
border-bottom-left-radius: valid-radius($radius);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
@mixin border-top-left-radius($radius) {
|
|
54
|
+
@mixin border-top-left-radius($radius: $border-radius) {
|
|
55
55
|
@if $enable-rounded {
|
|
56
56
|
border-top-left-radius: valid-radius($radius);
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
@mixin border-top-right-radius($radius) {
|
|
60
|
+
@mixin border-top-right-radius($radius: $border-radius) {
|
|
61
61
|
@if $enable-rounded {
|
|
62
62
|
border-top-right-radius: valid-radius($radius);
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
@mixin border-bottom-right-radius($radius) {
|
|
66
|
+
@mixin border-bottom-right-radius($radius: $border-radius) {
|
|
67
67
|
@if $enable-rounded {
|
|
68
68
|
border-bottom-right-radius: valid-radius($radius);
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
@mixin border-bottom-left-radius($radius) {
|
|
72
|
+
@mixin border-bottom-left-radius($radius: $border-radius) {
|
|
73
73
|
@if $enable-rounded {
|
|
74
74
|
border-bottom-left-radius: valid-radius($radius);
|
|
75
75
|
}
|