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.
- package/README.md +1 -1
- package/_accordion.scss +149 -146
- package/_alert.scss +71 -71
- package/_badge.scss +38 -38
- package/_breadcrumb.scss +40 -40
- package/_button-group.scss +142 -142
- package/_buttons.scss +207 -186
- package/_card.scss +234 -234
- package/_carousel.scss +229 -229
- package/_close.scss +40 -40
- package/_containers.scss +41 -41
- package/_dropdown.scss +249 -248
- package/_forms.scss +9 -9
- package/_functions.scss +302 -302
- package/_grid.scss +33 -33
- package/_helpers.scss +10 -10
- package/_list-group.scss +192 -191
- package/_maps.scss +54 -54
- package/_mixins.scss +43 -43
- package/_modal.scss +237 -237
- package/_nav.scss +172 -172
- package/_navbar.scss +278 -276
- package/_offcanvas.scss +144 -143
- package/_pagination.scss +109 -109
- package/_placeholders.scss +51 -51
- package/_popover.scss +196 -196
- package/_progress.scss +59 -59
- package/_reboot.scss +610 -610
- package/_root.scss +73 -73
- package/_spinners.scss +85 -85
- package/_tables.scss +164 -164
- package/_toasts.scss +73 -70
- package/_tooltip.scss +120 -120
- package/_transitions.scss +27 -27
- package/_type.scss +106 -106
- package/_utilities.scss +647 -647
- package/_variables.scss +1634 -1633
- package/bootstrap-grid.scss +64 -64
- package/bootstrap-reboot.scss +9 -9
- package/bootstrap-utilities.scss +15 -15
- package/bootstrap.scss +51 -51
- package/forms/_floating-labels.scss +75 -74
- package/forms/_form-check.scss +175 -175
- package/forms/_form-control.scss +194 -194
- package/forms/_form-range.scss +91 -91
- package/forms/_form-select.scss +71 -71
- package/forms/_form-text.scss +11 -11
- package/forms/_input-group.scss +132 -129
- package/forms/_labels.scss +36 -36
- package/forms/_validation.scss +12 -12
- package/helpers/_clearfix.scss +3 -3
- package/helpers/_color-bg.scss +10 -10
- package/helpers/_colored-links.scss +12 -12
- package/helpers/_position.scss +36 -36
- package/helpers/_ratio.scss +26 -26
- package/helpers/_stacks.scss +15 -15
- package/helpers/_stretched-link.scss +15 -15
- package/helpers/_text-truncation.scss +7 -7
- package/helpers/_visually-hidden.scss +8 -8
- package/helpers/_vr.scss +8 -8
- package/mixins/_alert.scss +15 -15
- package/mixins/_backdrop.scss +14 -14
- package/mixins/_banner.scss +9 -9
- package/mixins/_border-radius.scss +78 -78
- package/mixins/_box-shadow.scss +18 -18
- package/mixins/_breakpoints.scss +127 -127
- package/mixins/_buttons.scss +70 -70
- package/mixins/_caret.scss +64 -64
- package/mixins/_clearfix.scss +9 -9
- package/mixins/_color-scheme.scss +7 -7
- package/mixins/_container.scss +11 -11
- package/mixins/_forms.scss +152 -152
- package/mixins/_gradients.scss +47 -47
- package/mixins/_grid.scss +151 -151
- package/mixins/_image.scss +16 -16
- package/mixins/_list-group.scss +24 -24
- package/mixins/_lists.scss +7 -7
- package/mixins/_pagination.scss +10 -10
- package/mixins/_reset-text.scss +17 -17
- package/mixins/_table-variants.scss +24 -24
- package/mixins/_transition.scss +26 -26
- package/mixins/_utilities.scss +97 -97
- package/mixins/_visually-hidden.scss +29 -29
- package/package.json +1 -1
- package/utilities/_api.scss +47 -47
- 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
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
}
|
116
|
-
|
117
|
-
|
118
|
-
//
|
119
|
-
//
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
@include border-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
@include border-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
border-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
}
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
//
|
160
|
-
//
|
161
|
-
//
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
}
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
//
|
178
|
-
//
|
179
|
-
//
|
180
|
-
//
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
$list-group-variant-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
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";
|