bootstrap-scss 5.1.3 → 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 -155
  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 -1641
  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 -72
  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 -151
  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
package/forms/_form-check.scss CHANGED
@@ -1,152 +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-input {
18
- width: $form-check-input-width;
19
- height: $form-check-input-width;
20
- margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
21
- vertical-align: top;
22
- background-color: $form-check-input-bg;
23
- background-repeat: no-repeat;
24
- background-position: center;
25
- background-size: contain;
26
- border: $form-check-input-border;
27
- appearance: none;
28
- color-adjust: exact; // Keep themed appearance for print
29
- @include transition($form-check-transition);
30
-
31
- &[type="checkbox"] {
32
- @include border-radius($form-check-input-border-radius);
33
- }
34
-
35
- &[type="radio"] {
36
- // stylelint-disable-next-line property-disallowed-list
37
- border-radius: $form-check-radio-border-radius;
38
- }
39
-
40
- &:active {
41
- filter: $form-check-input-active-filter;
42
- }
43
-
44
- &:focus {
45
- border-color: $form-check-input-focus-border;
46
- outline: 0;
47
- box-shadow: $form-check-input-focus-box-shadow;
48
- }
49
-
50
- &:checked {
51
- background-color: $form-check-input-checked-bg-color;
52
- border-color: $form-check-input-checked-border-color;
53
-
54
- &[type="checkbox"] {
55
- @if $enable-gradients {
56
- background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$variable-prefix}gradient);
57
- } @else {
58
- background-image: escape-svg($form-check-input-checked-bg-image);
59
- }
60
- }
61
-
62
- &[type="radio"] {
63
- @if $enable-gradients {
64
- background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$variable-prefix}gradient);
65
- } @else {
66
- background-image: escape-svg($form-check-radio-checked-bg-image);
67
- }
68
- }
69
- }
70
-
71
- &[type="checkbox"]:indeterminate {
72
- background-color: $form-check-input-indeterminate-bg-color;
73
- border-color: $form-check-input-indeterminate-border-color;
74
-
75
- @if $enable-gradients {
76
- background-image: escape-svg($form-check-input-indeterminate-bg-image), var(--#{$variable-prefix}gradient);
77
- } @else {
78
- background-image: escape-svg($form-check-input-indeterminate-bg-image);
79
- }
80
- }
81
-
82
- &:disabled {
83
- pointer-events: none;
84
- filter: none;
85
- opacity: $form-check-input-disabled-opacity;
86
- }
87
-
88
- // Use disabled attribute in addition of :disabled pseudo-class
89
- // See: https://github.com/twbs/bootstrap/issues/28247
90
- &[disabled],
91
- &:disabled {
92
- ~ .form-check-label {
93
- opacity: $form-check-label-disabled-opacity;
94
- }
95
- }
96
- }
97
-
98
- .form-check-label {
99
- color: $form-check-label-color;
100
- cursor: $form-check-label-cursor;
101
- }
102
-
103
- //
104
- // Switch
105
- //
106
-
107
- .form-switch {
108
- padding-left: $form-switch-padding-start;
109
-
110
- .form-check-input {
111
- width: $form-switch-width;
112
- margin-left: $form-switch-padding-start * -1;
113
- background-image: escape-svg($form-switch-bg-image);
114
- background-position: left center;
115
- @include border-radius($form-switch-border-radius);
116
- @include transition($form-switch-transition);
117
-
118
- &:focus {
119
- background-image: escape-svg($form-switch-focus-bg-image);
120
- }
121
-
122
- &:checked {
123
- background-position: $form-switch-checked-bg-position;
124
-
125
- @if $enable-gradients {
126
- background-image: escape-svg($form-switch-checked-bg-image), var(--#{$variable-prefix}gradient);
127
- } @else {
128
- background-image: escape-svg($form-switch-checked-bg-image);
129
- }
130
- }
131
- }
132
- }
133
-
134
- .form-check-inline {
135
- display: inline-block;
136
- margin-right: $form-check-inline-margin-end;
137
- }
138
-
139
- .btn-check {
140
- position: absolute;
141
- clip: rect(0, 0, 0, 0);
142
- pointer-events: none;
143
-
144
- &[disabled],
145
- &:disabled {
146
- + .btn {
147
- pointer-events: none;
148
- filter: none;
149
- opacity: $form-check-btn-check-disabled-opacity;
150
- }
151
- }
152
- }
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
+ }