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
package/_dropdown.scss CHANGED
@@ -1,248 +1,249 @@
1
- // The dropdown wrapper (`<div>`)
2
- .dropup,
3
- .dropend,
4
- .dropdown,
5
- .dropstart,
6
- .dropup-center,
7
- .dropdown-center {
8
- position: relative;
9
- }
10
-
11
- .dropdown-toggle {
12
- white-space: nowrap;
13
-
14
- // Generate the caret automatically
15
- @include caret();
16
- }
17
-
18
- // The dropdown menu
19
- .dropdown-menu {
20
- // scss-docs-start dropdown-css-vars
21
- --#{$prefix}dropdown-min-width: #{$dropdown-min-width};
22
- --#{$prefix}dropdown-padding-x: #{$dropdown-padding-x};
23
- --#{$prefix}dropdown-padding-y: #{$dropdown-padding-y};
24
- --#{$prefix}dropdown-spacer: #{$dropdown-spacer};
25
- @include rfs($dropdown-font-size, --#{$prefix}dropdown-font-size);
26
- --#{$prefix}dropdown-color: #{$dropdown-color};
27
- --#{$prefix}dropdown-bg: #{$dropdown-bg};
28
- --#{$prefix}dropdown-border-color: #{$dropdown-border-color};
29
- --#{$prefix}dropdown-border-radius: #{$dropdown-border-radius};
30
- --#{$prefix}dropdown-border-width: #{$dropdown-border-width};
31
- --#{$prefix}dropdown-inner-border-radius: #{$dropdown-inner-border-radius};
32
- --#{$prefix}dropdown-divider-bg: #{$dropdown-divider-bg};
33
- --#{$prefix}dropdown-divider-margin-y: #{$dropdown-divider-margin-y};
34
- --#{$prefix}dropdown-box-shadow: #{$dropdown-box-shadow};
35
- --#{$prefix}dropdown-link-color: #{$dropdown-link-color};
36
- --#{$prefix}dropdown-link-hover-color: #{$dropdown-link-hover-color};
37
- --#{$prefix}dropdown-link-hover-bg: #{$dropdown-link-hover-bg};
38
- --#{$prefix}dropdown-link-active-color: #{$dropdown-link-active-color};
39
- --#{$prefix}dropdown-link-active-bg: #{$dropdown-link-active-bg};
40
- --#{$prefix}dropdown-link-disabled-color: #{$dropdown-link-disabled-color};
41
- --#{$prefix}dropdown-item-padding-x: #{$dropdown-item-padding-x};
42
- --#{$prefix}dropdown-item-padding-y: #{$dropdown-item-padding-y};
43
- --#{$prefix}dropdown-header-color: #{$dropdown-header-color};
44
- --#{$prefix}dropdown-header-padding-x: #{$dropdown-header-padding-x};
45
- --#{$prefix}dropdown-header-padding-y: #{$dropdown-header-padding-y};
46
- // scss-docs-end dropdown-css-vars
47
-
48
- position: absolute;
49
- z-index: $zindex-dropdown;
50
- display: none; // none by default, but block on "open" of the menu
51
- min-width: var(--#{$prefix}dropdown-min-width);
52
- padding: var(--#{$prefix}dropdown-padding-y) var(--#{$prefix}dropdown-padding-x);
53
- margin: 0; // Override default margin of ul
54
- @include font-size(var(--#{$prefix}dropdown-font-size));
55
- color: var(--#{$prefix}dropdown-color);
56
- text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
57
- list-style: none;
58
- background-color: var(--#{$prefix}dropdown-bg);
59
- background-clip: padding-box;
60
- border: var(--#{$prefix}dropdown-border-width) solid var(--#{$prefix}dropdown-border-color);
61
- @include border-radius(var(--#{$prefix}dropdown-border-radius));
62
- @include box-shadow(var(--#{$prefix}dropdown-box-shadow));
63
-
64
- &[data-bs-popper] {
65
- top: 100%;
66
- left: 0;
67
- margin-top: var(--#{$prefix}dropdown-spacer);
68
- }
69
-
70
- @if $dropdown-padding-y == 0 {
71
- > .dropdown-item:first-child,
72
- > li:first-child .dropdown-item {
73
- @include border-top-radius(var(--#{$prefix}dropdown-inner-border-radius));
74
- }
75
- > .dropdown-item:last-child,
76
- > li:last-child .dropdown-item {
77
- @include border-bottom-radius(var(--#{$prefix}dropdown-inner-border-radius));
78
- }
79
-
80
- }
81
- }
82
-
83
- // scss-docs-start responsive-breakpoints
84
- // We deliberately hardcode the `bs-` prefix because we check
85
- // this custom property in JS to determine Popper's positioning
86
-
87
- @each $breakpoint in map-keys($grid-breakpoints) {
88
- @include media-breakpoint-up($breakpoint) {
89
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
90
-
91
- .dropdown-menu#{$infix}-start {
92
- --bs-position: start;
93
-
94
- &[data-bs-popper] {
95
- right: auto;
96
- left: 0;
97
- }
98
- }
99
-
100
- .dropdown-menu#{$infix}-end {
101
- --bs-position: end;
102
-
103
- &[data-bs-popper] {
104
- right: 0;
105
- left: auto;
106
- }
107
- }
108
- }
109
- }
110
- // scss-docs-end responsive-breakpoints
111
-
112
- // Allow for dropdowns to go bottom up (aka, dropup-menu)
113
- // Just add .dropup after the standard .dropdown class and you're set.
114
- .dropup {
115
- .dropdown-menu[data-bs-popper] {
116
- top: auto;
117
- bottom: 100%;
118
- margin-top: 0;
119
- margin-bottom: var(--#{$prefix}dropdown-spacer);
120
- }
121
-
122
- .dropdown-toggle {
123
- @include caret(up);
124
- }
125
- }
126
-
127
- .dropend {
128
- .dropdown-menu[data-bs-popper] {
129
- top: 0;
130
- right: auto;
131
- left: 100%;
132
- margin-top: 0;
133
- margin-left: var(--#{$prefix}dropdown-spacer);
134
- }
135
-
136
- .dropdown-toggle {
137
- @include caret(end);
138
- &::after {
139
- vertical-align: 0;
140
- }
141
- }
142
- }
143
-
144
- .dropstart {
145
- .dropdown-menu[data-bs-popper] {
146
- top: 0;
147
- right: 100%;
148
- left: auto;
149
- margin-top: 0;
150
- margin-right: var(--#{$prefix}dropdown-spacer);
151
- }
152
-
153
- .dropdown-toggle {
154
- @include caret(start);
155
- &::before {
156
- vertical-align: 0;
157
- }
158
- }
159
- }
160
-
161
-
162
- // Dividers (basically an `<hr>`) within the dropdown
163
- .dropdown-divider {
164
- height: 0;
165
- margin: var(--#{$prefix}dropdown-divider-margin-y) 0;
166
- overflow: hidden;
167
- border-top: 1px solid var(--#{$prefix}dropdown-divider-bg);
168
- opacity: 1; // Revisit in v6 to de-dupe styles that conflict with <hr> element
169
- }
170
-
171
- // Links, buttons, and more within the dropdown menu
172
- //
173
- // `<button>`-specific styles are denoted with `// For <button>s`
174
- .dropdown-item {
175
- display: block;
176
- width: 100%; // For `<button>`s
177
- padding: var(--#{$prefix}dropdown-item-padding-y) var(--#{$prefix}dropdown-item-padding-x);
178
- clear: both;
179
- font-weight: $font-weight-normal;
180
- color: var(--#{$prefix}dropdown-link-color);
181
- text-align: inherit; // For `<button>`s
182
- text-decoration: if($link-decoration == none, null, none);
183
- white-space: nowrap; // prevent links from randomly breaking onto new lines
184
- background-color: transparent; // For `<button>`s
185
- border: 0; // For `<button>`s
186
-
187
- &:hover,
188
- &:focus {
189
- color: var(--#{$prefix}dropdown-link-hover-color);
190
- text-decoration: if($link-hover-decoration == underline, none, null);
191
- @include gradient-bg(var(--#{$prefix}dropdown-link-hover-bg));
192
- }
193
-
194
- &.active,
195
- &:active {
196
- color: var(--#{$prefix}dropdown-link-active-color);
197
- text-decoration: none;
198
- @include gradient-bg(var(--#{$prefix}dropdown-link-active-bg));
199
- }
200
-
201
- &.disabled,
202
- &:disabled {
203
- color: var(--#{$prefix}dropdown-link-disabled-color);
204
- pointer-events: none;
205
- background-color: transparent;
206
- // Remove CSS gradients if they're enabled
207
- background-image: if($enable-gradients, none, null);
208
- }
209
- }
210
-
211
- .dropdown-menu.show {
212
- display: block;
213
- }
214
-
215
- // Dropdown section headers
216
- .dropdown-header {
217
- display: block;
218
- padding: var(--#{$prefix}dropdown-header-padding-y) var(--#{$prefix}dropdown-header-padding-x);
219
- margin-bottom: 0; // for use with heading elements
220
- @include font-size($font-size-sm);
221
- color: var(--#{$prefix}dropdown-header-color);
222
- white-space: nowrap; // as with > li > a
223
- }
224
-
225
- // Dropdown text
226
- .dropdown-item-text {
227
- display: block;
228
- padding: var(--#{$prefix}dropdown-item-padding-y) var(--#{$prefix}dropdown-item-padding-x);
229
- color: var(--#{$prefix}dropdown-link-color);
230
- }
231
-
232
- // Dark dropdowns
233
- .dropdown-menu-dark {
234
- // scss-docs-start dropdown-dark-css-vars
235
- --#{$prefix}dropdown-color: #{$dropdown-dark-color};
236
- --#{$prefix}dropdown-bg: #{$dropdown-dark-bg};
237
- --#{$prefix}dropdown-border-color: #{$dropdown-dark-border-color};
238
- --#{$prefix}dropdown-box-shadow: #{$dropdown-dark-box-shadow};
239
- --#{$prefix}dropdown-link-color: #{$dropdown-dark-link-color};
240
- --#{$prefix}dropdown-link-hover-color: #{$dropdown-dark-link-hover-color};
241
- --#{$prefix}dropdown-divider-bg: #{$dropdown-dark-divider-bg};
242
- --#{$prefix}dropdown-link-hover-bg: #{$dropdown-dark-link-hover-bg};
243
- --#{$prefix}dropdown-link-active-color: #{$dropdown-dark-link-active-color};
244
- --#{$prefix}dropdown-link-active-bg: #{$dropdown-dark-link-active-bg};
245
- --#{$prefix}dropdown-link-disabled-color: #{$dropdown-dark-link-disabled-color};
246
- --#{$prefix}dropdown-header-color: #{$dropdown-dark-header-color};
247
- // scss-docs-end dropdown-dark-css-vars
248
- }
1
+ // The dropdown wrapper (`<div>`)
2
+ .dropup,
3
+ .dropend,
4
+ .dropdown,
5
+ .dropstart,
6
+ .dropup-center,
7
+ .dropdown-center {
8
+ position: relative;
9
+ }
10
+
11
+ .dropdown-toggle {
12
+ white-space: nowrap;
13
+
14
+ // Generate the caret automatically
15
+ @include caret();
16
+ }
17
+
18
+ // The dropdown menu
19
+ .dropdown-menu {
20
+ // scss-docs-start dropdown-css-vars
21
+ --#{$prefix}dropdown-zindex: #{$zindex-dropdown};
22
+ --#{$prefix}dropdown-min-width: #{$dropdown-min-width};
23
+ --#{$prefix}dropdown-padding-x: #{$dropdown-padding-x};
24
+ --#{$prefix}dropdown-padding-y: #{$dropdown-padding-y};
25
+ --#{$prefix}dropdown-spacer: #{$dropdown-spacer};
26
+ @include rfs($dropdown-font-size, --#{$prefix}dropdown-font-size);
27
+ --#{$prefix}dropdown-color: #{$dropdown-color};
28
+ --#{$prefix}dropdown-bg: #{$dropdown-bg};
29
+ --#{$prefix}dropdown-border-color: #{$dropdown-border-color};
30
+ --#{$prefix}dropdown-border-radius: #{$dropdown-border-radius};
31
+ --#{$prefix}dropdown-border-width: #{$dropdown-border-width};
32
+ --#{$prefix}dropdown-inner-border-radius: #{$dropdown-inner-border-radius};
33
+ --#{$prefix}dropdown-divider-bg: #{$dropdown-divider-bg};
34
+ --#{$prefix}dropdown-divider-margin-y: #{$dropdown-divider-margin-y};
35
+ --#{$prefix}dropdown-box-shadow: #{$dropdown-box-shadow};
36
+ --#{$prefix}dropdown-link-color: #{$dropdown-link-color};
37
+ --#{$prefix}dropdown-link-hover-color: #{$dropdown-link-hover-color};
38
+ --#{$prefix}dropdown-link-hover-bg: #{$dropdown-link-hover-bg};
39
+ --#{$prefix}dropdown-link-active-color: #{$dropdown-link-active-color};
40
+ --#{$prefix}dropdown-link-active-bg: #{$dropdown-link-active-bg};
41
+ --#{$prefix}dropdown-link-disabled-color: #{$dropdown-link-disabled-color};
42
+ --#{$prefix}dropdown-item-padding-x: #{$dropdown-item-padding-x};
43
+ --#{$prefix}dropdown-item-padding-y: #{$dropdown-item-padding-y};
44
+ --#{$prefix}dropdown-header-color: #{$dropdown-header-color};
45
+ --#{$prefix}dropdown-header-padding-x: #{$dropdown-header-padding-x};
46
+ --#{$prefix}dropdown-header-padding-y: #{$dropdown-header-padding-y};
47
+ // scss-docs-end dropdown-css-vars
48
+
49
+ position: absolute;
50
+ z-index: var(--#{$prefix}dropdown-zindex);
51
+ display: none; // none by default, but block on "open" of the menu
52
+ min-width: var(--#{$prefix}dropdown-min-width);
53
+ padding: var(--#{$prefix}dropdown-padding-y) var(--#{$prefix}dropdown-padding-x);
54
+ margin: 0; // Override default margin of ul
55
+ @include font-size(var(--#{$prefix}dropdown-font-size));
56
+ color: var(--#{$prefix}dropdown-color);
57
+ text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
58
+ list-style: none;
59
+ background-color: var(--#{$prefix}dropdown-bg);
60
+ background-clip: padding-box;
61
+ border: var(--#{$prefix}dropdown-border-width) solid var(--#{$prefix}dropdown-border-color);
62
+ @include border-radius(var(--#{$prefix}dropdown-border-radius));
63
+ @include box-shadow(var(--#{$prefix}dropdown-box-shadow));
64
+
65
+ &[data-bs-popper] {
66
+ top: 100%;
67
+ left: 0;
68
+ margin-top: var(--#{$prefix}dropdown-spacer);
69
+ }
70
+
71
+ @if $dropdown-padding-y == 0 {
72
+ > .dropdown-item:first-child,
73
+ > li:first-child .dropdown-item {
74
+ @include border-top-radius(var(--#{$prefix}dropdown-inner-border-radius));
75
+ }
76
+ > .dropdown-item:last-child,
77
+ > li:last-child .dropdown-item {
78
+ @include border-bottom-radius(var(--#{$prefix}dropdown-inner-border-radius));
79
+ }
80
+
81
+ }
82
+ }
83
+
84
+ // scss-docs-start responsive-breakpoints
85
+ // We deliberately hardcode the `bs-` prefix because we check
86
+ // this custom property in JS to determine Popper's positioning
87
+
88
+ @each $breakpoint in map-keys($grid-breakpoints) {
89
+ @include media-breakpoint-up($breakpoint) {
90
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
91
+
92
+ .dropdown-menu#{$infix}-start {
93
+ --bs-position: start;
94
+
95
+ &[data-bs-popper] {
96
+ right: auto;
97
+ left: 0;
98
+ }
99
+ }
100
+
101
+ .dropdown-menu#{$infix}-end {
102
+ --bs-position: end;
103
+
104
+ &[data-bs-popper] {
105
+ right: 0;
106
+ left: auto;
107
+ }
108
+ }
109
+ }
110
+ }
111
+ // scss-docs-end responsive-breakpoints
112
+
113
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
114
+ // Just add .dropup after the standard .dropdown class and you're set.
115
+ .dropup {
116
+ .dropdown-menu[data-bs-popper] {
117
+ top: auto;
118
+ bottom: 100%;
119
+ margin-top: 0;
120
+ margin-bottom: var(--#{$prefix}dropdown-spacer);
121
+ }
122
+
123
+ .dropdown-toggle {
124
+ @include caret(up);
125
+ }
126
+ }
127
+
128
+ .dropend {
129
+ .dropdown-menu[data-bs-popper] {
130
+ top: 0;
131
+ right: auto;
132
+ left: 100%;
133
+ margin-top: 0;
134
+ margin-left: var(--#{$prefix}dropdown-spacer);
135
+ }
136
+
137
+ .dropdown-toggle {
138
+ @include caret(end);
139
+ &::after {
140
+ vertical-align: 0;
141
+ }
142
+ }
143
+ }
144
+
145
+ .dropstart {
146
+ .dropdown-menu[data-bs-popper] {
147
+ top: 0;
148
+ right: 100%;
149
+ left: auto;
150
+ margin-top: 0;
151
+ margin-right: var(--#{$prefix}dropdown-spacer);
152
+ }
153
+
154
+ .dropdown-toggle {
155
+ @include caret(start);
156
+ &::before {
157
+ vertical-align: 0;
158
+ }
159
+ }
160
+ }
161
+
162
+
163
+ // Dividers (basically an `<hr>`) within the dropdown
164
+ .dropdown-divider {
165
+ height: 0;
166
+ margin: var(--#{$prefix}dropdown-divider-margin-y) 0;
167
+ overflow: hidden;
168
+ border-top: 1px solid var(--#{$prefix}dropdown-divider-bg);
169
+ opacity: 1; // Revisit in v6 to de-dupe styles that conflict with <hr> element
170
+ }
171
+
172
+ // Links, buttons, and more within the dropdown menu
173
+ //
174
+ // `<button>`-specific styles are denoted with `// For <button>s`
175
+ .dropdown-item {
176
+ display: block;
177
+ width: 100%; // For `<button>`s
178
+ padding: var(--#{$prefix}dropdown-item-padding-y) var(--#{$prefix}dropdown-item-padding-x);
179
+ clear: both;
180
+ font-weight: $font-weight-normal;
181
+ color: var(--#{$prefix}dropdown-link-color);
182
+ text-align: inherit; // For `<button>`s
183
+ text-decoration: if($link-decoration == none, null, none);
184
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
185
+ background-color: transparent; // For `<button>`s
186
+ border: 0; // For `<button>`s
187
+
188
+ &:hover,
189
+ &:focus {
190
+ color: var(--#{$prefix}dropdown-link-hover-color);
191
+ text-decoration: if($link-hover-decoration == underline, none, null);
192
+ @include gradient-bg(var(--#{$prefix}dropdown-link-hover-bg));
193
+ }
194
+
195
+ &.active,
196
+ &:active {
197
+ color: var(--#{$prefix}dropdown-link-active-color);
198
+ text-decoration: none;
199
+ @include gradient-bg(var(--#{$prefix}dropdown-link-active-bg));
200
+ }
201
+
202
+ &.disabled,
203
+ &:disabled {
204
+ color: var(--#{$prefix}dropdown-link-disabled-color);
205
+ pointer-events: none;
206
+ background-color: transparent;
207
+ // Remove CSS gradients if they're enabled
208
+ background-image: if($enable-gradients, none, null);
209
+ }
210
+ }
211
+
212
+ .dropdown-menu.show {
213
+ display: block;
214
+ }
215
+
216
+ // Dropdown section headers
217
+ .dropdown-header {
218
+ display: block;
219
+ padding: var(--#{$prefix}dropdown-header-padding-y) var(--#{$prefix}dropdown-header-padding-x);
220
+ margin-bottom: 0; // for use with heading elements
221
+ @include font-size($font-size-sm);
222
+ color: var(--#{$prefix}dropdown-header-color);
223
+ white-space: nowrap; // as with > li > a
224
+ }
225
+
226
+ // Dropdown text
227
+ .dropdown-item-text {
228
+ display: block;
229
+ padding: var(--#{$prefix}dropdown-item-padding-y) var(--#{$prefix}dropdown-item-padding-x);
230
+ color: var(--#{$prefix}dropdown-link-color);
231
+ }
232
+
233
+ // Dark dropdowns
234
+ .dropdown-menu-dark {
235
+ // scss-docs-start dropdown-dark-css-vars
236
+ --#{$prefix}dropdown-color: #{$dropdown-dark-color};
237
+ --#{$prefix}dropdown-bg: #{$dropdown-dark-bg};
238
+ --#{$prefix}dropdown-border-color: #{$dropdown-dark-border-color};
239
+ --#{$prefix}dropdown-box-shadow: #{$dropdown-dark-box-shadow};
240
+ --#{$prefix}dropdown-link-color: #{$dropdown-dark-link-color};
241
+ --#{$prefix}dropdown-link-hover-color: #{$dropdown-dark-link-hover-color};
242
+ --#{$prefix}dropdown-divider-bg: #{$dropdown-dark-divider-bg};
243
+ --#{$prefix}dropdown-link-hover-bg: #{$dropdown-dark-link-hover-bg};
244
+ --#{$prefix}dropdown-link-active-color: #{$dropdown-dark-link-active-color};
245
+ --#{$prefix}dropdown-link-active-bg: #{$dropdown-dark-link-active-bg};
246
+ --#{$prefix}dropdown-link-disabled-color: #{$dropdown-dark-link-disabled-color};
247
+ --#{$prefix}dropdown-header-color: #{$dropdown-dark-header-color};
248
+ // scss-docs-end dropdown-dark-css-vars
249
+ }
package/_forms.scss CHANGED
@@ -1,9 +1,9 @@
1
- @import "forms/labels";
2
- @import "forms/form-text";
3
- @import "forms/form-control";
4
- @import "forms/form-select";
5
- @import "forms/form-check";
6
- @import "forms/form-range";
7
- @import "forms/floating-labels";
8
- @import "forms/input-group";
9
- @import "forms/validation";
1
+ @import "forms/labels";
2
+ @import "forms/form-text";
3
+ @import "forms/form-control";
4
+ @import "forms/form-select";
5
+ @import "forms/form-check";
6
+ @import "forms/form-range";
7
+ @import "forms/floating-labels";
8
+ @import "forms/input-group";
9
+ @import "forms/validation";