bootstrap 5.0.0.alpha1 → 5.0.0.alpha2
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
}
|