bootstrap-scss 5.2.0 → 5.2.1

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 +7 -4
  3. package/_alert.scss +71 -71
  4. package/_badge.scss +38 -38
  5. package/_breadcrumb.scss +40 -40
  6. package/_button-group.scss +1 -1
  7. package/_buttons.scss +23 -8
  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 +2 -1
  13. package/_forms.scss +9 -9
  14. package/_functions.scss +1 -1
  15. package/_grid.scss +33 -33
  16. package/_helpers.scss +10 -10
  17. package/_list-group.scss +6 -5
  18. package/_maps.scss +54 -54
  19. package/_mixins.scss +43 -43
  20. package/_modal.scss +1 -1
  21. package/_nav.scss +2 -2
  22. package/_navbar.scss +2 -0
  23. package/_offcanvas.scss +5 -4
  24. package/_pagination.scss +1 -1
  25. package/_placeholders.scss +51 -51
  26. package/_popover.scss +5 -5
  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 +3 -2
  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 +17 -16
  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 +1 -0
  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 +7 -4
  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 +2 -2
  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 +10 -10
  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 +1 -1
  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
package/forms/_form-check.scss CHANGED
@@ -1,175 +1,175 @@
1
- //
2
- // Check/radio
3
- //
4
-
5
- .form-check {
6
- display: block;
7
- min-height: $form-check-min-height;
8
- padding-left: $form-check-padding-start;
9
- margin-bottom: $form-check-margin-bottom;
10
-
11
- .form-check-input {
12
- float: left;
13
- margin-left: $form-check-padding-start * -1;
14
- }
15
- }
16
-
17
- .form-check-reverse {
18
- padding-right: $form-check-padding-start;
19
- padding-left: 0;
20
- text-align: right;
21
-
22
- .form-check-input {
23
- float: right;
24
- margin-right: $form-check-padding-start * -1;
25
- margin-left: 0;
26
- }
27
- }
28
-
29
- .form-check-input {
30
- width: $form-check-input-width;
31
- height: $form-check-input-width;
32
- margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
33
- vertical-align: top;
34
- background-color: $form-check-input-bg;
35
- background-repeat: no-repeat;
36
- background-position: center;
37
- background-size: contain;
38
- border: $form-check-input-border;
39
- appearance: none;
40
- print-color-adjust: exact; // Keep themed appearance for print
41
- @include transition($form-check-transition);
42
-
43
- &[type="checkbox"] {
44
- @include border-radius($form-check-input-border-radius);
45
- }
46
-
47
- &[type="radio"] {
48
- // stylelint-disable-next-line property-disallowed-list
49
- border-radius: $form-check-radio-border-radius;
50
- }
51
-
52
- &:active {
53
- filter: $form-check-input-active-filter;
54
- }
55
-
56
- &:focus {
57
- border-color: $form-check-input-focus-border;
58
- outline: 0;
59
- box-shadow: $form-check-input-focus-box-shadow;
60
- }
61
-
62
- &:checked {
63
- background-color: $form-check-input-checked-bg-color;
64
- border-color: $form-check-input-checked-border-color;
65
-
66
- &[type="checkbox"] {
67
- @if $enable-gradients {
68
- background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$prefix}gradient);
69
- } @else {
70
- background-image: escape-svg($form-check-input-checked-bg-image);
71
- }
72
- }
73
-
74
- &[type="radio"] {
75
- @if $enable-gradients {
76
- background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$prefix}gradient);
77
- } @else {
78
- background-image: escape-svg($form-check-radio-checked-bg-image);
79
- }
80
- }
81
- }
82
-
83
- &[type="checkbox"]:indeterminate {
84
- background-color: $form-check-input-indeterminate-bg-color;
85
- border-color: $form-check-input-indeterminate-border-color;
86
-
87
- @if $enable-gradients {
88
- background-image: escape-svg($form-check-input-indeterminate-bg-image), var(--#{$prefix}gradient);
89
- } @else {
90
- background-image: escape-svg($form-check-input-indeterminate-bg-image);
91
- }
92
- }
93
-
94
- &:disabled {
95
- pointer-events: none;
96
- filter: none;
97
- opacity: $form-check-input-disabled-opacity;
98
- }
99
-
100
- // Use disabled attribute in addition of :disabled pseudo-class
101
- // See: https://github.com/twbs/bootstrap/issues/28247
102
- &[disabled],
103
- &:disabled {
104
- ~ .form-check-label {
105
- cursor: default;
106
- opacity: $form-check-label-disabled-opacity;
107
- }
108
- }
109
- }
110
-
111
- .form-check-label {
112
- color: $form-check-label-color;
113
- cursor: $form-check-label-cursor;
114
- }
115
-
116
- //
117
- // Switch
118
- //
119
-
120
- .form-switch {
121
- padding-left: $form-switch-padding-start;
122
-
123
- .form-check-input {
124
- width: $form-switch-width;
125
- margin-left: $form-switch-padding-start * -1;
126
- background-image: escape-svg($form-switch-bg-image);
127
- background-position: left center;
128
- @include border-radius($form-switch-border-radius);
129
- @include transition($form-switch-transition);
130
-
131
- &:focus {
132
- background-image: escape-svg($form-switch-focus-bg-image);
133
- }
134
-
135
- &:checked {
136
- background-position: $form-switch-checked-bg-position;
137
-
138
- @if $enable-gradients {
139
- background-image: escape-svg($form-switch-checked-bg-image), var(--#{$prefix}gradient);
140
- } @else {
141
- background-image: escape-svg($form-switch-checked-bg-image);
142
- }
143
- }
144
- }
145
-
146
- &.form-check-reverse {
147
- padding-right: $form-switch-padding-start;
148
- padding-left: 0;
149
-
150
- .form-check-input {
151
- margin-right: $form-switch-padding-start * -1;
152
- margin-left: 0;
153
- }
154
- }
155
- }
156
-
157
- .form-check-inline {
158
- display: inline-block;
159
- margin-right: $form-check-inline-margin-end;
160
- }
161
-
162
- .btn-check {
163
- position: absolute;
164
- clip: rect(0, 0, 0, 0);
165
- pointer-events: none;
166
-
167
- &[disabled],
168
- &:disabled {
169
- + .btn {
170
- pointer-events: none;
171
- filter: none;
172
- opacity: $form-check-btn-check-disabled-opacity;
173
- }
174
- }
175
- }
1
+ //
2
+ // Check/radio
3
+ //
4
+
5
+ .form-check {
6
+ display: block;
7
+ min-height: $form-check-min-height;
8
+ padding-left: $form-check-padding-start;
9
+ margin-bottom: $form-check-margin-bottom;
10
+
11
+ .form-check-input {
12
+ float: left;
13
+ margin-left: $form-check-padding-start * -1;
14
+ }
15
+ }
16
+
17
+ .form-check-reverse {
18
+ padding-right: $form-check-padding-start;
19
+ padding-left: 0;
20
+ text-align: right;
21
+
22
+ .form-check-input {
23
+ float: right;
24
+ margin-right: $form-check-padding-start * -1;
25
+ margin-left: 0;
26
+ }
27
+ }
28
+
29
+ .form-check-input {
30
+ width: $form-check-input-width;
31
+ height: $form-check-input-width;
32
+ margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
33
+ vertical-align: top;
34
+ background-color: $form-check-input-bg;
35
+ background-repeat: no-repeat;
36
+ background-position: center;
37
+ background-size: contain;
38
+ border: $form-check-input-border;
39
+ appearance: none;
40
+ print-color-adjust: exact; // Keep themed appearance for print
41
+ @include transition($form-check-transition);
42
+
43
+ &[type="checkbox"] {
44
+ @include border-radius($form-check-input-border-radius);
45
+ }
46
+
47
+ &[type="radio"] {
48
+ // stylelint-disable-next-line property-disallowed-list
49
+ border-radius: $form-check-radio-border-radius;
50
+ }
51
+
52
+ &:active {
53
+ filter: $form-check-input-active-filter;
54
+ }
55
+
56
+ &:focus {
57
+ border-color: $form-check-input-focus-border;
58
+ outline: 0;
59
+ box-shadow: $form-check-input-focus-box-shadow;
60
+ }
61
+
62
+ &:checked {
63
+ background-color: $form-check-input-checked-bg-color;
64
+ border-color: $form-check-input-checked-border-color;
65
+
66
+ &[type="checkbox"] {
67
+ @if $enable-gradients {
68
+ background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$prefix}gradient);
69
+ } @else {
70
+ background-image: escape-svg($form-check-input-checked-bg-image);
71
+ }
72
+ }
73
+
74
+ &[type="radio"] {
75
+ @if $enable-gradients {
76
+ background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$prefix}gradient);
77
+ } @else {
78
+ background-image: escape-svg($form-check-radio-checked-bg-image);
79
+ }
80
+ }
81
+ }
82
+
83
+ &[type="checkbox"]:indeterminate {
84
+ background-color: $form-check-input-indeterminate-bg-color;
85
+ border-color: $form-check-input-indeterminate-border-color;
86
+
87
+ @if $enable-gradients {
88
+ background-image: escape-svg($form-check-input-indeterminate-bg-image), var(--#{$prefix}gradient);
89
+ } @else {
90
+ background-image: escape-svg($form-check-input-indeterminate-bg-image);
91
+ }
92
+ }
93
+
94
+ &:disabled {
95
+ pointer-events: none;
96
+ filter: none;
97
+ opacity: $form-check-input-disabled-opacity;
98
+ }
99
+
100
+ // Use disabled attribute in addition of :disabled pseudo-class
101
+ // See: https://github.com/twbs/bootstrap/issues/28247
102
+ &[disabled],
103
+ &:disabled {
104
+ ~ .form-check-label {
105
+ cursor: default;
106
+ opacity: $form-check-label-disabled-opacity;
107
+ }
108
+ }
109
+ }
110
+
111
+ .form-check-label {
112
+ color: $form-check-label-color;
113
+ cursor: $form-check-label-cursor;
114
+ }
115
+
116
+ //
117
+ // Switch
118
+ //
119
+
120
+ .form-switch {
121
+ padding-left: $form-switch-padding-start;
122
+
123
+ .form-check-input {
124
+ width: $form-switch-width;
125
+ margin-left: $form-switch-padding-start * -1;
126
+ background-image: escape-svg($form-switch-bg-image);
127
+ background-position: left center;
128
+ @include border-radius($form-switch-border-radius);
129
+ @include transition($form-switch-transition);
130
+
131
+ &:focus {
132
+ background-image: escape-svg($form-switch-focus-bg-image);
133
+ }
134
+
135
+ &:checked {
136
+ background-position: $form-switch-checked-bg-position;
137
+
138
+ @if $enable-gradients {
139
+ background-image: escape-svg($form-switch-checked-bg-image), var(--#{$prefix}gradient);
140
+ } @else {
141
+ background-image: escape-svg($form-switch-checked-bg-image);
142
+ }
143
+ }
144
+ }
145
+
146
+ &.form-check-reverse {
147
+ padding-right: $form-switch-padding-start;
148
+ padding-left: 0;
149
+
150
+ .form-check-input {
151
+ margin-right: $form-switch-padding-start * -1;
152
+ margin-left: 0;
153
+ }
154
+ }
155
+ }
156
+
157
+ .form-check-inline {
158
+ display: inline-block;
159
+ margin-right: $form-check-inline-margin-end;
160
+ }
161
+
162
+ .btn-check {
163
+ position: absolute;
164
+ clip: rect(0, 0, 0, 0);
165
+ pointer-events: none;
166
+
167
+ &[disabled],
168
+ &:disabled {
169
+ + .btn {
170
+ pointer-events: none;
171
+ filter: none;
172
+ opacity: $form-check-btn-check-disabled-opacity;
173
+ }
174
+ }
175
+ }