bootstrap-scss 5.1.1 → 5.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/LICENSE +2 -2
  2. package/README.md +5 -5
  3. package/_accordion.scss +146 -118
  4. package/_alert.scss +71 -57
  5. package/_badge.scss +38 -29
  6. package/_breadcrumb.scss +40 -28
  7. package/_button-group.scss +142 -139
  8. package/_buttons.scss +186 -111
  9. package/_card.scss +234 -216
  10. package/_carousel.scss +229 -229
  11. package/_close.scss +40 -40
  12. package/_containers.scss +41 -41
  13. package/_dropdown.scss +248 -240
  14. package/_forms.scss +9 -9
  15. package/_functions.scss +302 -302
  16. package/_grid.scss +33 -33
  17. package/_helpers.scss +10 -9
  18. package/_list-group.scss +191 -174
  19. package/_maps.scss +54 -0
  20. package/_mixins.scss +43 -43
  21. package/_modal.scss +237 -209
  22. package/_nav.scss +172 -139
  23. package/_navbar.scss +276 -335
  24. package/_offcanvas.scss +143 -83
  25. package/_pagination.scss +109 -64
  26. package/_placeholders.scss +51 -51
  27. package/_popover.scss +196 -158
  28. package/_progress.scss +59 -48
  29. package/_reboot.scss +610 -625
  30. package/_root.scss +73 -54
  31. package/_spinners.scss +85 -69
  32. package/_tables.scss +164 -151
  33. package/_toasts.scss +70 -51
  34. package/_tooltip.scss +120 -115
  35. package/_transitions.scss +27 -27
  36. package/_type.scss +106 -104
  37. package/_utilities.scss +647 -630
  38. package/_variables.scss +1633 -1639
  39. package/bootstrap-grid.scss +64 -67
  40. package/bootstrap-reboot.scss +9 -13
  41. package/bootstrap-utilities.scss +15 -18
  42. package/bootstrap.scss +51 -53
  43. package/forms/_floating-labels.scss +74 -63
  44. package/forms/_form-check.scss +175 -152
  45. package/forms/_form-control.scss +194 -219
  46. package/forms/_form-range.scss +91 -91
  47. package/forms/_form-select.scss +71 -70
  48. package/forms/_form-text.scss +11 -11
  49. package/forms/_input-group.scss +129 -121
  50. package/forms/_labels.scss +36 -36
  51. package/forms/_validation.scss +12 -12
  52. package/helpers/_clearfix.scss +3 -3
  53. package/helpers/_color-bg.scss +10 -0
  54. package/helpers/_colored-links.scss +12 -12
  55. package/helpers/_position.scss +36 -30
  56. package/helpers/_ratio.scss +26 -26
  57. package/helpers/_stacks.scss +15 -15
  58. package/helpers/_stretched-link.scss +15 -15
  59. package/helpers/_text-truncation.scss +7 -7
  60. package/helpers/_visually-hidden.scss +8 -8
  61. package/helpers/_vr.scss +8 -8
  62. package/mixins/_alert.scss +15 -11
  63. package/mixins/_backdrop.scss +14 -14
  64. package/mixins/_banner.scss +9 -0
  65. package/mixins/_border-radius.scss +78 -78
  66. package/mixins/_box-shadow.scss +18 -18
  67. package/mixins/_breakpoints.scss +127 -127
  68. package/mixins/_buttons.scss +70 -133
  69. package/mixins/_caret.scss +64 -64
  70. package/mixins/_clearfix.scss +9 -9
  71. package/mixins/_color-scheme.scss +7 -7
  72. package/mixins/_container.scss +11 -9
  73. package/mixins/_forms.scss +152 -144
  74. package/mixins/_gradients.scss +47 -47
  75. package/mixins/_grid.scss +151 -150
  76. package/mixins/_image.scss +16 -16
  77. package/mixins/_list-group.scss +24 -24
  78. package/mixins/_lists.scss +7 -7
  79. package/mixins/_pagination.scss +10 -31
  80. package/mixins/_reset-text.scss +17 -17
  81. package/mixins/_table-variants.scss +24 -21
  82. package/mixins/_transition.scss +26 -26
  83. package/mixins/_utilities.scss +97 -89
  84. package/mixins/_visually-hidden.scss +29 -29
  85. package/package.json +1 -1
  86. package/utilities/_api.scss +47 -47
  87. package/vendor/_rfs.scss +354 -354
@@ -1,26 +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(--#{$variable-prefix}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
- --#{$variable-prefix}aspect-ratio: #{$ratio};
25
- }
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(--#{$prefix}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
+ --#{$prefix}aspect-ratio: #{$ratio};
25
+ }
26
+ }
@@ -1,15 +1,15 @@
1
- // scss-docs-start stacks
2
- .hstack {
3
- display: flex;
4
- flex-direction: row;
5
- align-items: center;
6
- align-self: stretch;
7
- }
8
-
9
- .vstack {
10
- display: flex;
11
- flex: 1 1 auto;
12
- flex-direction: column;
13
- align-self: stretch;
14
- }
15
- // scss-docs-end stacks
1
+ // scss-docs-start stacks
2
+ .hstack {
3
+ display: flex;
4
+ flex-direction: row;
5
+ align-items: center;
6
+ align-self: stretch;
7
+ }
8
+
9
+ .vstack {
10
+ display: flex;
11
+ flex: 1 1 auto;
12
+ flex-direction: column;
13
+ align-self: stretch;
14
+ }
15
+ // scss-docs-end stacks
@@ -1,15 +1,15 @@
1
- //
2
- // Stretched link
3
- //
4
-
5
- .stretched-link {
6
- &::#{$stretched-link-pseudo-element} {
7
- position: absolute;
8
- top: 0;
9
- right: 0;
10
- bottom: 0;
11
- left: 0;
12
- z-index: $stretched-link-z-index;
13
- content: "";
14
- }
15
- }
1
+ //
2
+ // Stretched link
3
+ //
4
+
5
+ .stretched-link {
6
+ &::#{$stretched-link-pseudo-element} {
7
+ position: absolute;
8
+ top: 0;
9
+ right: 0;
10
+ bottom: 0;
11
+ left: 0;
12
+ z-index: $stretched-link-z-index;
13
+ content: "";
14
+ }
15
+ }
@@ -1,7 +1,7 @@
1
- //
2
- // Text truncation
3
- //
4
-
5
- .text-truncate {
6
- @include text-truncate();
7
- }
1
+ //
2
+ // Text truncation
3
+ //
4
+
5
+ .text-truncate {
6
+ @include text-truncate();
7
+ }
@@ -1,8 +1,8 @@
1
- //
2
- // Visually hidden
3
- //
4
-
5
- .visually-hidden,
6
- .visually-hidden-focusable:not(:focus):not(:focus-within) {
7
- @include visually-hidden();
8
- }
1
+ //
2
+ // Visually hidden
3
+ //
4
+
5
+ .visually-hidden,
6
+ .visually-hidden-focusable:not(:focus):not(:focus-within) {
7
+ @include visually-hidden();
8
+ }
package/helpers/_vr.scss CHANGED
@@ -1,8 +1,8 @@
1
- .vr {
2
- display: inline-block;
3
- align-self: stretch;
4
- width: 1px;
5
- min-height: 1em;
6
- background-color: currentColor;
7
- opacity: $hr-opacity;
8
- }
1
+ .vr {
2
+ display: inline-block;
3
+ align-self: stretch;
4
+ width: 1px;
5
+ min-height: 1em;
6
+ background-color: currentcolor;
7
+ opacity: $hr-opacity;
8
+ }
@@ -1,11 +1,15 @@
1
- // scss-docs-start alert-variant-mixin
2
- @mixin alert-variant($background, $border, $color) {
3
- color: $color;
4
- @include gradient-bg($background);
5
- border-color: $border;
6
-
7
- .alert-link {
8
- color: shade-color($color, 20%);
9
- }
10
- }
11
- // scss-docs-end alert-variant-mixin
1
+ // scss-docs-start alert-variant-mixin
2
+ @mixin alert-variant($background, $border, $color) {
3
+ --#{$prefix}alert-color: #{$color};
4
+ --#{$prefix}alert-bg: #{$background};
5
+ --#{$prefix}alert-border-color: #{$border};
6
+
7
+ @if $enable-gradients {
8
+ background-image: var(--#{$prefix}gradient);
9
+ }
10
+
11
+ .alert-link {
12
+ color: shade-color($color, 20%);
13
+ }
14
+ }
15
+ // scss-docs-end alert-variant-mixin
@@ -1,14 +1,14 @@
1
- // Shared between modals and offcanvases
2
- @mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) {
3
- position: fixed;
4
- top: 0;
5
- left: 0;
6
- z-index: $zindex;
7
- width: 100vw;
8
- height: 100vh;
9
- background-color: $backdrop-bg;
10
-
11
- // Fade for backdrop
12
- &.fade { opacity: 0; }
13
- &.show { opacity: $backdrop-opacity; }
14
- }
1
+ // Shared between modals and offcanvases
2
+ @mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) {
3
+ position: fixed;
4
+ top: 0;
5
+ left: 0;
6
+ z-index: $zindex;
7
+ width: 100vw;
8
+ height: 100vh;
9
+ background-color: $backdrop-bg;
10
+
11
+ // Fade for backdrop
12
+ &.fade { opacity: 0; }
13
+ &.show { opacity: $backdrop-opacity; }
14
+ }
@@ -0,0 +1,9 @@
1
+ @mixin bsBanner($file, $suffix:"") {
2
+ /*!
3
+ * Bootstrap #{$file} v5.2.0 (https://getbootstrap.com/)
4
+ * Copyright 2011-2022 The Bootstrap Authors
5
+ * Copyright 2011-2022 Twitter, Inc.
6
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
7
+ */
8
+ }
9
+
@@ -1,78 +1,78 @@
1
- // stylelint-disable property-disallowed-list
2
- // Single side border-radius
3
-
4
- // Helper function to replace negative values with 0
5
- @function valid-radius($radius) {
6
- $return: ();
7
- @each $value in $radius {
8
- @if type-of($value) == number {
9
- $return: append($return, max($value, 0));
10
- } @else {
11
- $return: append($return, $value);
12
- }
13
- }
14
- @return $return;
15
- }
16
-
17
- // scss-docs-start border-radius-mixins
18
- @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
19
- @if $enable-rounded {
20
- border-radius: valid-radius($radius);
21
- }
22
- @else if $fallback-border-radius != false {
23
- border-radius: $fallback-border-radius;
24
- }
25
- }
26
-
27
- @mixin border-top-radius($radius: $border-radius) {
28
- @if $enable-rounded {
29
- border-top-left-radius: valid-radius($radius);
30
- border-top-right-radius: valid-radius($radius);
31
- }
32
- }
33
-
34
- @mixin border-end-radius($radius: $border-radius) {
35
- @if $enable-rounded {
36
- border-top-right-radius: valid-radius($radius);
37
- border-bottom-right-radius: valid-radius($radius);
38
- }
39
- }
40
-
41
- @mixin border-bottom-radius($radius: $border-radius) {
42
- @if $enable-rounded {
43
- border-bottom-right-radius: valid-radius($radius);
44
- border-bottom-left-radius: valid-radius($radius);
45
- }
46
- }
47
-
48
- @mixin border-start-radius($radius: $border-radius) {
49
- @if $enable-rounded {
50
- border-top-left-radius: valid-radius($radius);
51
- border-bottom-left-radius: valid-radius($radius);
52
- }
53
- }
54
-
55
- @mixin border-top-start-radius($radius: $border-radius) {
56
- @if $enable-rounded {
57
- border-top-left-radius: valid-radius($radius);
58
- }
59
- }
60
-
61
- @mixin border-top-end-radius($radius: $border-radius) {
62
- @if $enable-rounded {
63
- border-top-right-radius: valid-radius($radius);
64
- }
65
- }
66
-
67
- @mixin border-bottom-end-radius($radius: $border-radius) {
68
- @if $enable-rounded {
69
- border-bottom-right-radius: valid-radius($radius);
70
- }
71
- }
72
-
73
- @mixin border-bottom-start-radius($radius: $border-radius) {
74
- @if $enable-rounded {
75
- border-bottom-left-radius: valid-radius($radius);
76
- }
77
- }
78
- // scss-docs-end border-radius-mixins
1
+ // stylelint-disable property-disallowed-list
2
+ // Single side border-radius
3
+
4
+ // Helper function to replace negative values with 0
5
+ @function valid-radius($radius) {
6
+ $return: ();
7
+ @each $value in $radius {
8
+ @if type-of($value) == number {
9
+ $return: append($return, max($value, 0));
10
+ } @else {
11
+ $return: append($return, $value);
12
+ }
13
+ }
14
+ @return $return;
15
+ }
16
+
17
+ // scss-docs-start border-radius-mixins
18
+ @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
19
+ @if $enable-rounded {
20
+ border-radius: valid-radius($radius);
21
+ }
22
+ @else if $fallback-border-radius != false {
23
+ border-radius: $fallback-border-radius;
24
+ }
25
+ }
26
+
27
+ @mixin border-top-radius($radius: $border-radius) {
28
+ @if $enable-rounded {
29
+ border-top-left-radius: valid-radius($radius);
30
+ border-top-right-radius: valid-radius($radius);
31
+ }
32
+ }
33
+
34
+ @mixin border-end-radius($radius: $border-radius) {
35
+ @if $enable-rounded {
36
+ border-top-right-radius: valid-radius($radius);
37
+ border-bottom-right-radius: valid-radius($radius);
38
+ }
39
+ }
40
+
41
+ @mixin border-bottom-radius($radius: $border-radius) {
42
+ @if $enable-rounded {
43
+ border-bottom-right-radius: valid-radius($radius);
44
+ border-bottom-left-radius: valid-radius($radius);
45
+ }
46
+ }
47
+
48
+ @mixin border-start-radius($radius: $border-radius) {
49
+ @if $enable-rounded {
50
+ border-top-left-radius: valid-radius($radius);
51
+ border-bottom-left-radius: valid-radius($radius);
52
+ }
53
+ }
54
+
55
+ @mixin border-top-start-radius($radius: $border-radius) {
56
+ @if $enable-rounded {
57
+ border-top-left-radius: valid-radius($radius);
58
+ }
59
+ }
60
+
61
+ @mixin border-top-end-radius($radius: $border-radius) {
62
+ @if $enable-rounded {
63
+ border-top-right-radius: valid-radius($radius);
64
+ }
65
+ }
66
+
67
+ @mixin border-bottom-end-radius($radius: $border-radius) {
68
+ @if $enable-rounded {
69
+ border-bottom-right-radius: valid-radius($radius);
70
+ }
71
+ }
72
+
73
+ @mixin border-bottom-start-radius($radius: $border-radius) {
74
+ @if $enable-rounded {
75
+ border-bottom-left-radius: valid-radius($radius);
76
+ }
77
+ }
78
+ // scss-docs-end border-radius-mixins
@@ -1,18 +1,18 @@
1
- @mixin box-shadow($shadow...) {
2
- @if $enable-shadows {
3
- $result: ();
4
-
5
- @each $value in $shadow {
6
- @if $value != null {
7
- $result: append($result, $value, "comma");
8
- }
9
- @if $value == none and length($shadow) > 1 {
10
- @warn "The keyword 'none' must be used as a single argument.";
11
- }
12
- }
13
-
14
- @if (length($result) > 0) {
15
- box-shadow: $result;
16
- }
17
- }
18
- }
1
+ @mixin box-shadow($shadow...) {
2
+ @if $enable-shadows {
3
+ $result: ();
4
+
5
+ @each $value in $shadow {
6
+ @if $value != null {
7
+ $result: append($result, $value, "comma");
8
+ }
9
+ @if $value == none and length($shadow) > 1 {
10
+ @warn "The keyword 'none' must be used as a single argument.";
11
+ }
12
+ }
13
+
14
+ @if (length($result) > 0) {
15
+ box-shadow: $result;
16
+ }
17
+ }
18
+ }