bootstrap-scss 5.2.0 → 5.2.2

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 (86) hide show
  1. package/README.md +1 -1
  2. package/_accordion.scss +149 -146
  3. package/_alert.scss +71 -71
  4. package/_badge.scss +38 -38
  5. package/_breadcrumb.scss +40 -40
  6. package/_button-group.scss +142 -142
  7. package/_buttons.scss +207 -186
  8. package/_card.scss +234 -234
  9. package/_carousel.scss +229 -229
  10. package/_close.scss +40 -40
  11. package/_containers.scss +41 -41
  12. package/_dropdown.scss +249 -248
  13. package/_forms.scss +9 -9
  14. package/_functions.scss +302 -302
  15. package/_grid.scss +33 -33
  16. package/_helpers.scss +10 -10
  17. package/_list-group.scss +192 -191
  18. package/_maps.scss +54 -54
  19. package/_mixins.scss +43 -43
  20. package/_modal.scss +237 -237
  21. package/_nav.scss +172 -172
  22. package/_navbar.scss +278 -276
  23. package/_offcanvas.scss +144 -143
  24. package/_pagination.scss +109 -109
  25. package/_placeholders.scss +51 -51
  26. package/_popover.scss +196 -196
  27. package/_progress.scss +59 -59
  28. package/_reboot.scss +610 -610
  29. package/_root.scss +73 -73
  30. package/_spinners.scss +85 -85
  31. package/_tables.scss +164 -164
  32. package/_toasts.scss +73 -70
  33. package/_tooltip.scss +120 -120
  34. package/_transitions.scss +27 -27
  35. package/_type.scss +106 -106
  36. package/_utilities.scss +647 -647
  37. package/_variables.scss +1634 -1633
  38. package/bootstrap-grid.scss +64 -64
  39. package/bootstrap-reboot.scss +9 -9
  40. package/bootstrap-utilities.scss +15 -15
  41. package/bootstrap.scss +51 -51
  42. package/forms/_floating-labels.scss +75 -74
  43. package/forms/_form-check.scss +175 -175
  44. package/forms/_form-control.scss +194 -194
  45. package/forms/_form-range.scss +91 -91
  46. package/forms/_form-select.scss +71 -71
  47. package/forms/_form-text.scss +11 -11
  48. package/forms/_input-group.scss +132 -129
  49. package/forms/_labels.scss +36 -36
  50. package/forms/_validation.scss +12 -12
  51. package/helpers/_clearfix.scss +3 -3
  52. package/helpers/_color-bg.scss +10 -10
  53. package/helpers/_colored-links.scss +12 -12
  54. package/helpers/_position.scss +36 -36
  55. package/helpers/_ratio.scss +26 -26
  56. package/helpers/_stacks.scss +15 -15
  57. package/helpers/_stretched-link.scss +15 -15
  58. package/helpers/_text-truncation.scss +7 -7
  59. package/helpers/_visually-hidden.scss +8 -8
  60. package/helpers/_vr.scss +8 -8
  61. package/mixins/_alert.scss +15 -15
  62. package/mixins/_backdrop.scss +14 -14
  63. package/mixins/_banner.scss +9 -9
  64. package/mixins/_border-radius.scss +78 -78
  65. package/mixins/_box-shadow.scss +18 -18
  66. package/mixins/_breakpoints.scss +127 -127
  67. package/mixins/_buttons.scss +70 -70
  68. package/mixins/_caret.scss +64 -64
  69. package/mixins/_clearfix.scss +9 -9
  70. package/mixins/_color-scheme.scss +7 -7
  71. package/mixins/_container.scss +11 -11
  72. package/mixins/_forms.scss +152 -152
  73. package/mixins/_gradients.scss +47 -47
  74. package/mixins/_grid.scss +151 -151
  75. package/mixins/_image.scss +16 -16
  76. package/mixins/_list-group.scss +24 -24
  77. package/mixins/_lists.scss +7 -7
  78. package/mixins/_pagination.scss +10 -10
  79. package/mixins/_reset-text.scss +17 -17
  80. package/mixins/_table-variants.scss +24 -24
  81. package/mixins/_transition.scss +26 -26
  82. package/mixins/_utilities.scss +97 -97
  83. package/mixins/_visually-hidden.scss +29 -29
  84. package/package.json +1 -1
  85. package/utilities/_api.scss +47 -47
  86. 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(--#{$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
+ // 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,15 +1,15 @@
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
+ // 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
+ }
@@ -1,9 +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
+ @mixin bsBanner($file) {
2
+ /*!
3
+ * Bootstrap #{$file} v5.2.2 (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
+ }