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/_helpers.scss CHANGED
@@ -1,10 +1,10 @@
1
- @import "helpers/clearfix";
2
- @import "helpers/color-bg";
3
- @import "helpers/colored-links";
4
- @import "helpers/ratio";
5
- @import "helpers/position";
6
- @import "helpers/stacks";
7
- @import "helpers/visually-hidden";
8
- @import "helpers/stretched-link";
9
- @import "helpers/text-truncation";
10
- @import "helpers/vr";
1
+ @import "helpers/clearfix";
2
+ @import "helpers/color-bg";
3
+ @import "helpers/colored-links";
4
+ @import "helpers/ratio";
5
+ @import "helpers/position";
6
+ @import "helpers/stacks";
7
+ @import "helpers/visually-hidden";
8
+ @import "helpers/stretched-link";
9
+ @import "helpers/text-truncation";
10
+ @import "helpers/vr";
package/_list-group.scss CHANGED
@@ -1,191 +1,192 @@
1
- // Base class
2
- //
3
- // Easily usable on <ul>, <ol>, or <div>.
4
-
5
- .list-group {
6
- // scss-docs-start list-group-css-vars
7
- --#{$prefix}list-group-color: #{$list-group-color};
8
- --#{$prefix}list-group-bg: #{$list-group-bg};
9
- --#{$prefix}list-group-border-color: #{$list-group-border-color};
10
- --#{$prefix}list-group-border-width: #{$list-group-border-width};
11
- --#{$prefix}list-group-border-radius: #{$list-group-border-radius};
12
- --#{$prefix}list-group-item-padding-x: #{$list-group-item-padding-x};
13
- --#{$prefix}list-group-item-padding-y: #{$list-group-item-padding-y};
14
- --#{$prefix}list-group-action-color: #{$list-group-action-color};
15
- --#{$prefix}list-group-action-hover-color: #{$list-group-action-hover-color};
16
- --#{$prefix}list-group-action-hover-bg: #{$list-group-hover-bg};
17
- --#{$prefix}list-group-action-active-color: #{$list-group-action-active-color};
18
- --#{$prefix}list-group-action-active-bg: #{$list-group-action-active-bg};
19
- --#{$prefix}list-group-disabled-color: #{$list-group-disabled-color};
20
- --#{$prefix}list-group-disabled-bg: #{$list-group-disabled-bg};
21
- --#{$prefix}list-group-active-color: #{$list-group-active-color};
22
- --#{$prefix}list-group-active-bg: #{$list-group-active-bg};
23
- --#{$prefix}list-group-active-border-color: #{$list-group-active-border-color};
24
- // scss-docs-end list-group-css-vars
25
-
26
- display: flex;
27
- flex-direction: column;
28
-
29
- // No need to set list-style: none; since .list-group-item is block level
30
- padding-left: 0; // reset padding because ul and ol
31
- margin-bottom: 0;
32
- @include border-radius(var(--#{$prefix}list-group-border-radius));
33
- }
34
-
35
- .list-group-numbered {
36
- list-style-type: none;
37
- counter-reset: section;
38
-
39
- > .list-group-item::before {
40
- // Increments only this instance of the section counter
41
- content: counters(section, ".") ". ";
42
- counter-increment: section;
43
- }
44
- }
45
-
46
- // Interactive list items
47
- //
48
- // Use anchor or button elements instead of `li`s or `div`s to create interactive
49
- // list items. Includes an extra `.active` modifier class for selected items.
50
-
51
- .list-group-item-action {
52
- width: 100%; // For `<button>`s (anchors become 100% by default though)
53
- color: var(--#{$prefix}list-group-action-color);
54
- text-align: inherit; // For `<button>`s (anchors inherit)
55
-
56
- // Hover state
57
- &:hover,
58
- &:focus {
59
- z-index: 1; // Place hover/focus items above their siblings for proper border styling
60
- color: var(--#{$prefix}list-group-action-hover-color);
61
- text-decoration: none;
62
- background-color: var(--#{$prefix}list-group-action-hover-bg);
63
- }
64
-
65
- &:active {
66
- color: var(--#{$prefix}list-group-action-active-color);
67
- background-color: var(--#{$prefix}list-group-action-active-bg);
68
- }
69
- }
70
-
71
- // Individual list items
72
- //
73
- // Use on `li`s or `div`s within the `.list-group` parent.
74
-
75
- .list-group-item {
76
- position: relative;
77
- display: block;
78
- padding: var(--#{$prefix}list-group-item-padding-y) var(--#{$prefix}list-group-item-padding-x);
79
- color: var(--#{$prefix}list-group-color);
80
- text-decoration: if($link-decoration == none, null, none);
81
- background-color: var(--#{$prefix}list-group-bg);
82
- border: var(--#{$prefix}list-group-border-width) solid var(--#{$prefix}list-group-border-color);
83
-
84
- &:first-child {
85
- @include border-top-radius(inherit);
86
- }
87
-
88
- &:last-child {
89
- @include border-bottom-radius(inherit);
90
- }
91
-
92
- &.disabled,
93
- &:disabled {
94
- color: var(--#{$prefix}list-group-disabled-color);
95
- pointer-events: none;
96
- background-color: var(--#{$prefix}list-group-disabled-bg);
97
- }
98
-
99
- // Include both here for `<a>`s and `<button>`s
100
- &.active {
101
- z-index: 2; // Place active items above their siblings for proper border styling
102
- color: var(--#{$prefix}list-group-active-color);
103
- background-color: var(--#{$prefix}list-group-active-bg);
104
- border-color: var(--#{$prefix}list-group-active-border-color);
105
- }
106
-
107
- & + & {
108
- border-top-width: 0;
109
-
110
- &.active {
111
- margin-top: calc(var(--#{$prefix}list-group-border-width) * -1); // stylelint-disable-line function-disallowed-list
112
- border-top-width: var(--#{$prefix}list-group-border-width);
113
- }
114
- }
115
- }
116
-
117
- // Horizontal
118
- //
119
- // Change the layout of list group items from vertical (default) to horizontal.
120
-
121
- @each $breakpoint in map-keys($grid-breakpoints) {
122
- @include media-breakpoint-up($breakpoint) {
123
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
124
-
125
- .list-group-horizontal#{$infix} {
126
- flex-direction: row;
127
-
128
- > .list-group-item {
129
- &:first-child {
130
- @include border-bottom-start-radius(var(--#{$prefix}list-group-border-radius));
131
- @include border-top-end-radius(0);
132
- }
133
-
134
- &:last-child {
135
- @include border-top-end-radius(var(--#{$prefix}list-group-border-radius));
136
- @include border-bottom-start-radius(0);
137
- }
138
-
139
- &.active {
140
- margin-top: 0;
141
- }
142
-
143
- + .list-group-item {
144
- border-top-width: var(--#{$prefix}list-group-border-width);
145
- border-left-width: 0;
146
-
147
- &.active {
148
- margin-left: calc(var(--#{$prefix}list-group-border-width) * -1); // stylelint-disable-line function-disallowed-list
149
- border-left-width: var(--#{$prefix}list-group-border-width);
150
- }
151
- }
152
- }
153
- }
154
- }
155
- }
156
-
157
-
158
- // Flush list items
159
- //
160
- // Remove borders and border-radius to keep list group items edge-to-edge. Most
161
- // useful within other components (e.g., cards).
162
-
163
- .list-group-flush {
164
- @include border-radius(0);
165
-
166
- > .list-group-item {
167
- border-width: 0 0 var(--#{$prefix}list-group-border-width);
168
-
169
- &:last-child {
170
- border-bottom-width: 0;
171
- }
172
- }
173
- }
174
-
175
-
176
- // scss-docs-start list-group-modifiers
177
- // List group contextual variants
178
- //
179
- // Add modifier classes to change text and background color on individual items.
180
- // Organizationally, this must come after the `:hover` states.
181
-
182
- @each $state, $value in $theme-colors {
183
- $list-group-variant-bg: shift-color($value, $list-group-item-bg-scale);
184
- $list-group-variant-color: shift-color($value, $list-group-item-color-scale);
185
- @if (contrast-ratio($list-group-variant-bg, $list-group-variant-color) < $min-contrast-ratio) {
186
- $list-group-variant-color: mix($value, color-contrast($list-group-variant-bg), abs($list-group-item-color-scale));
187
- }
188
-
189
- @include list-group-item-variant($state, $list-group-variant-bg, $list-group-variant-color);
190
- }
191
- // scss-docs-end list-group-modifiers
1
+ // Base class
2
+ //
3
+ // Easily usable on <ul>, <ol>, or <div>.
4
+
5
+ .list-group {
6
+ // scss-docs-start list-group-css-vars
7
+ --#{$prefix}list-group-color: #{$list-group-color};
8
+ --#{$prefix}list-group-bg: #{$list-group-bg};
9
+ --#{$prefix}list-group-border-color: #{$list-group-border-color};
10
+ --#{$prefix}list-group-border-width: #{$list-group-border-width};
11
+ --#{$prefix}list-group-border-radius: #{$list-group-border-radius};
12
+ --#{$prefix}list-group-item-padding-x: #{$list-group-item-padding-x};
13
+ --#{$prefix}list-group-item-padding-y: #{$list-group-item-padding-y};
14
+ --#{$prefix}list-group-action-color: #{$list-group-action-color};
15
+ --#{$prefix}list-group-action-hover-color: #{$list-group-action-hover-color};
16
+ --#{$prefix}list-group-action-hover-bg: #{$list-group-hover-bg};
17
+ --#{$prefix}list-group-action-active-color: #{$list-group-action-active-color};
18
+ --#{$prefix}list-group-action-active-bg: #{$list-group-action-active-bg};
19
+ --#{$prefix}list-group-disabled-color: #{$list-group-disabled-color};
20
+ --#{$prefix}list-group-disabled-bg: #{$list-group-disabled-bg};
21
+ --#{$prefix}list-group-active-color: #{$list-group-active-color};
22
+ --#{$prefix}list-group-active-bg: #{$list-group-active-bg};
23
+ --#{$prefix}list-group-active-border-color: #{$list-group-active-border-color};
24
+ // scss-docs-end list-group-css-vars
25
+
26
+ display: flex;
27
+ flex-direction: column;
28
+
29
+ // No need to set list-style: none; since .list-group-item is block level
30
+ padding-left: 0; // reset padding because ul and ol
31
+ margin-bottom: 0;
32
+ @include border-radius(var(--#{$prefix}list-group-border-radius));
33
+ }
34
+
35
+ .list-group-numbered {
36
+ list-style-type: none;
37
+ counter-reset: section;
38
+
39
+ > .list-group-item::before {
40
+ // Increments only this instance of the section counter
41
+ content: counters(section, ".") ". ";
42
+ counter-increment: section;
43
+ }
44
+ }
45
+
46
+ // Interactive list items
47
+ //
48
+ // Use anchor or button elements instead of `li`s or `div`s to create interactive
49
+ // list items. Includes an extra `.active` modifier class for selected items.
50
+
51
+ .list-group-item-action {
52
+ width: 100%; // For `<button>`s (anchors become 100% by default though)
53
+ color: var(--#{$prefix}list-group-action-color);
54
+ text-align: inherit; // For `<button>`s (anchors inherit)
55
+
56
+ // Hover state
57
+ &:hover,
58
+ &:focus {
59
+ z-index: 1; // Place hover/focus items above their siblings for proper border styling
60
+ color: var(--#{$prefix}list-group-action-hover-color);
61
+ text-decoration: none;
62
+ background-color: var(--#{$prefix}list-group-action-hover-bg);
63
+ }
64
+
65
+ &:active {
66
+ color: var(--#{$prefix}list-group-action-active-color);
67
+ background-color: var(--#{$prefix}list-group-action-active-bg);
68
+ }
69
+ }
70
+
71
+ // Individual list items
72
+ //
73
+ // Use on `li`s or `div`s within the `.list-group` parent.
74
+
75
+ .list-group-item {
76
+ position: relative;
77
+ display: block;
78
+ padding: var(--#{$prefix}list-group-item-padding-y) var(--#{$prefix}list-group-item-padding-x);
79
+ color: var(--#{$prefix}list-group-color);
80
+ text-decoration: if($link-decoration == none, null, none);
81
+ background-color: var(--#{$prefix}list-group-bg);
82
+ border: var(--#{$prefix}list-group-border-width) solid var(--#{$prefix}list-group-border-color);
83
+
84
+ &:first-child {
85
+ @include border-top-radius(inherit);
86
+ }
87
+
88
+ &:last-child {
89
+ @include border-bottom-radius(inherit);
90
+ }
91
+
92
+ &.disabled,
93
+ &:disabled {
94
+ color: var(--#{$prefix}list-group-disabled-color);
95
+ pointer-events: none;
96
+ background-color: var(--#{$prefix}list-group-disabled-bg);
97
+ }
98
+
99
+ // Include both here for `<a>`s and `<button>`s
100
+ &.active {
101
+ z-index: 2; // Place active items above their siblings for proper border styling
102
+ color: var(--#{$prefix}list-group-active-color);
103
+ background-color: var(--#{$prefix}list-group-active-bg);
104
+ border-color: var(--#{$prefix}list-group-active-border-color);
105
+ }
106
+
107
+ // stylelint-disable-next-line scss/selector-no-redundant-nesting-selector
108
+ & + .list-group-item {
109
+ border-top-width: 0;
110
+
111
+ &.active {
112
+ margin-top: calc(-1 * var(--#{$prefix}list-group-border-width)); // stylelint-disable-line function-disallowed-list
113
+ border-top-width: var(--#{$prefix}list-group-border-width);
114
+ }
115
+ }
116
+ }
117
+
118
+ // Horizontal
119
+ //
120
+ // Change the layout of list group items from vertical (default) to horizontal.
121
+
122
+ @each $breakpoint in map-keys($grid-breakpoints) {
123
+ @include media-breakpoint-up($breakpoint) {
124
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
125
+
126
+ .list-group-horizontal#{$infix} {
127
+ flex-direction: row;
128
+
129
+ > .list-group-item {
130
+ &:first-child:not(:last-child) {
131
+ @include border-bottom-start-radius(var(--#{$prefix}list-group-border-radius));
132
+ @include border-top-end-radius(0);
133
+ }
134
+
135
+ &:last-child:not(:first-child) {
136
+ @include border-top-end-radius(var(--#{$prefix}list-group-border-radius));
137
+ @include border-bottom-start-radius(0);
138
+ }
139
+
140
+ &.active {
141
+ margin-top: 0;
142
+ }
143
+
144
+ + .list-group-item {
145
+ border-top-width: var(--#{$prefix}list-group-border-width);
146
+ border-left-width: 0;
147
+
148
+ &.active {
149
+ margin-left: calc(-1 * var(--#{$prefix}list-group-border-width)); // stylelint-disable-line function-disallowed-list
150
+ border-left-width: var(--#{$prefix}list-group-border-width);
151
+ }
152
+ }
153
+ }
154
+ }
155
+ }
156
+ }
157
+
158
+
159
+ // Flush list items
160
+ //
161
+ // Remove borders and border-radius to keep list group items edge-to-edge. Most
162
+ // useful within other components (e.g., cards).
163
+
164
+ .list-group-flush {
165
+ @include border-radius(0);
166
+
167
+ > .list-group-item {
168
+ border-width: 0 0 var(--#{$prefix}list-group-border-width);
169
+
170
+ &:last-child {
171
+ border-bottom-width: 0;
172
+ }
173
+ }
174
+ }
175
+
176
+
177
+ // scss-docs-start list-group-modifiers
178
+ // List group contextual variants
179
+ //
180
+ // Add modifier classes to change text and background color on individual items.
181
+ // Organizationally, this must come after the `:hover` states.
182
+
183
+ @each $state, $value in $theme-colors {
184
+ $list-group-variant-bg: shift-color($value, $list-group-item-bg-scale);
185
+ $list-group-variant-color: shift-color($value, $list-group-item-color-scale);
186
+ @if (contrast-ratio($list-group-variant-bg, $list-group-variant-color) < $min-contrast-ratio) {
187
+ $list-group-variant-color: mix($value, color-contrast($list-group-variant-bg), abs($list-group-item-color-scale));
188
+ }
189
+
190
+ @include list-group-item-variant($state, $list-group-variant-bg, $list-group-variant-color);
191
+ }
192
+ // scss-docs-end list-group-modifiers
package/_maps.scss CHANGED
@@ -1,54 +1,54 @@
1
- // Re-assigned maps
2
- //
3
- // Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.
4
-
5
- // scss-docs-start theme-colors-rgb
6
- $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value") !default;
7
- // scss-docs-end theme-colors-rgb
8
-
9
- // Utilities maps
10
- //
11
- // Extends the default `$theme-colors` maps to help create our utilities.
12
-
13
- // Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.
14
- // scss-docs-start utilities-colors
15
- $utilities-colors: $theme-colors-rgb !default;
16
- // scss-docs-end utilities-colors
17
-
18
- // scss-docs-start utilities-text-colors
19
- $utilities-text: map-merge(
20
- $utilities-colors,
21
- (
22
- "black": to-rgb($black),
23
- "white": to-rgb($white),
24
- "body": to-rgb($body-color)
25
- )
26
- ) !default;
27
- $utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text") !default;
28
- // scss-docs-end utilities-text-colors
29
-
30
- // scss-docs-start utilities-bg-colors
31
- $utilities-bg: map-merge(
32
- $utilities-colors,
33
- (
34
- "black": to-rgb($black),
35
- "white": to-rgb($white),
36
- "body": to-rgb($body-bg)
37
- )
38
- ) !default;
39
- $utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg") !default;
40
- // scss-docs-end utilities-bg-colors
41
-
42
- // scss-docs-start utilities-border-colors
43
- $utilities-border: map-merge(
44
- $utilities-colors,
45
- (
46
- "white": to-rgb($white)
47
- )
48
- ) !default;
49
- $utilities-border-colors: map-loop($utilities-border, rgba-css-var, "$key", "border") !default;
50
- // scss-docs-end utilities-border-colors
51
-
52
- $negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;
53
-
54
- $gutters: $spacers !default;
1
+ // Re-assigned maps
2
+ //
3
+ // Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.
4
+
5
+ // scss-docs-start theme-colors-rgb
6
+ $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value") !default;
7
+ // scss-docs-end theme-colors-rgb
8
+
9
+ // Utilities maps
10
+ //
11
+ // Extends the default `$theme-colors` maps to help create our utilities.
12
+
13
+ // Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.
14
+ // scss-docs-start utilities-colors
15
+ $utilities-colors: $theme-colors-rgb !default;
16
+ // scss-docs-end utilities-colors
17
+
18
+ // scss-docs-start utilities-text-colors
19
+ $utilities-text: map-merge(
20
+ $utilities-colors,
21
+ (
22
+ "black": to-rgb($black),
23
+ "white": to-rgb($white),
24
+ "body": to-rgb($body-color)
25
+ )
26
+ ) !default;
27
+ $utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text") !default;
28
+ // scss-docs-end utilities-text-colors
29
+
30
+ // scss-docs-start utilities-bg-colors
31
+ $utilities-bg: map-merge(
32
+ $utilities-colors,
33
+ (
34
+ "black": to-rgb($black),
35
+ "white": to-rgb($white),
36
+ "body": to-rgb($body-bg)
37
+ )
38
+ ) !default;
39
+ $utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg") !default;
40
+ // scss-docs-end utilities-bg-colors
41
+
42
+ // scss-docs-start utilities-border-colors
43
+ $utilities-border: map-merge(
44
+ $utilities-colors,
45
+ (
46
+ "white": to-rgb($white)
47
+ )
48
+ ) !default;
49
+ $utilities-border-colors: map-loop($utilities-border, rgba-css-var, "$key", "border") !default;
50
+ // scss-docs-end utilities-border-colors
51
+
52
+ $negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;
53
+
54
+ $gutters: $spacers !default;
package/_mixins.scss CHANGED
@@ -1,43 +1,43 @@
1
- // Toggles
2
- //
3
- // Used in conjunction with global variables to enable certain theme features.
4
-
5
- // Vendor
6
- @import "vendor/rfs";
7
-
8
- // Deprecate
9
- @import "mixins/deprecate";
10
-
11
- // Helpers
12
- @import "mixins/breakpoints";
13
- @import "mixins/color-scheme";
14
- @import "mixins/image";
15
- @import "mixins/resize";
16
- @import "mixins/visually-hidden";
17
- @import "mixins/reset-text";
18
- @import "mixins/text-truncate";
19
-
20
- // Utilities
21
- @import "mixins/utilities";
22
-
23
- // Components
24
- @import "mixins/alert";
25
- @import "mixins/backdrop";
26
- @import "mixins/buttons";
27
- @import "mixins/caret";
28
- @import "mixins/pagination";
29
- @import "mixins/lists";
30
- @import "mixins/list-group";
31
- @import "mixins/forms";
32
- @import "mixins/table-variants";
33
-
34
- // Skins
35
- @import "mixins/border-radius";
36
- @import "mixins/box-shadow";
37
- @import "mixins/gradients";
38
- @import "mixins/transition";
39
-
40
- // Layout
41
- @import "mixins/clearfix";
42
- @import "mixins/container";
43
- @import "mixins/grid";
1
+ // Toggles
2
+ //
3
+ // Used in conjunction with global variables to enable certain theme features.
4
+
5
+ // Vendor
6
+ @import "vendor/rfs";
7
+
8
+ // Deprecate
9
+ @import "mixins/deprecate";
10
+
11
+ // Helpers
12
+ @import "mixins/breakpoints";
13
+ @import "mixins/color-scheme";
14
+ @import "mixins/image";
15
+ @import "mixins/resize";
16
+ @import "mixins/visually-hidden";
17
+ @import "mixins/reset-text";
18
+ @import "mixins/text-truncate";
19
+
20
+ // Utilities
21
+ @import "mixins/utilities";
22
+
23
+ // Components
24
+ @import "mixins/alert";
25
+ @import "mixins/backdrop";
26
+ @import "mixins/buttons";
27
+ @import "mixins/caret";
28
+ @import "mixins/pagination";
29
+ @import "mixins/lists";
30
+ @import "mixins/list-group";
31
+ @import "mixins/forms";
32
+ @import "mixins/table-variants";
33
+
34
+ // Skins
35
+ @import "mixins/border-radius";
36
+ @import "mixins/box-shadow";
37
+ @import "mixins/gradients";
38
+ @import "mixins/transition";
39
+
40
+ // Layout
41
+ @import "mixins/clearfix";
42
+ @import "mixins/container";
43
+ @import "mixins/grid";