paraqeet 0.7.0 → 0.8.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_sass/_bootstrap-icons.scss +3 -2
- data/_sass/bootstrap/_accordion.scss +9 -0
- data/_sass/bootstrap/_alert.scss +8 -11
- data/_sass/bootstrap/_button-group.scss +2 -2
- data/_sass/bootstrap/_card.scss +4 -0
- data/_sass/bootstrap/_carousel.scss +13 -1
- data/_sass/bootstrap/_close.scss +30 -9
- data/_sass/bootstrap/_dropdown.scss +1 -0
- data/_sass/bootstrap/_list-group.scss +19 -7
- data/_sass/bootstrap/_maps.scss +67 -0
- data/_sass/bootstrap/_mixins.scss +1 -2
- data/_sass/bootstrap/_navbar.scss +8 -0
- data/_sass/bootstrap/_offcanvas.scss +4 -2
- data/_sass/bootstrap/_pagination.scss +1 -1
- data/_sass/bootstrap/_progress.scss +10 -1
- data/_sass/bootstrap/_reboot.scss +3 -3
- data/_sass/bootstrap/_root.scss +127 -5
- data/_sass/bootstrap/_tables.scss +1 -1
- data/_sass/bootstrap/_utilities.scss +110 -9
- data/_sass/bootstrap/_variables-dark.scss +70 -0
- data/_sass/bootstrap/_variables.scss +198 -129
- data/_sass/bootstrap/bootstrap-grid.scss +2 -0
- data/_sass/bootstrap/bootstrap-reboot.scss +1 -0
- data/_sass/bootstrap/bootstrap-utilities.scss +1 -0
- data/_sass/bootstrap/bootstrap.scss +1 -0
- data/_sass/bootstrap/forms/_floating-labels.scss +15 -0
- data/_sass/bootstrap/forms/_form-check.scss +24 -11
- data/_sass/bootstrap/forms/_form-control.scss +7 -0
- data/_sass/bootstrap/forms/_form-select.scss +11 -1
- data/_sass/bootstrap/forms/_input-group.scss +1 -1
- data/_sass/bootstrap/helpers/_colored-links.scss +2 -2
- data/_sass/bootstrap/mixins/_alert.scss +4 -1
- data/_sass/bootstrap/mixins/_banner.scss +1 -3
- data/_sass/bootstrap/mixins/_caret.scss +30 -25
- data/_sass/bootstrap/mixins/_color-mode.scss +21 -0
- data/_sass/bootstrap/mixins/_forms.scss +8 -7
- data/_sass/bootstrap/mixins/_list-group.scss +3 -0
- metadata +4 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: df9a81730b9b91bc3d799214a655e03837ef64e49ccaee6b38db0369233b9cb6
|
4
|
+
data.tar.gz: dff3d427357f6acfd250a509a38a9b0dbb9eead3d721ec3f84c3855d80a8b5e2
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 38162bfdf963ef7de9242df2c95cf6ca783c9f4170c098f15794164ce74e6e8216fe597fe736c82611443450e6ff6b827276f1a95a936ec806a427867416d64a
|
7
|
+
data.tar.gz: 153e9ce52df446a656e1ec019cf5682142e360f75c8affcfc98ce6d694ff210072234353bdd17d54ecac992030a4754bd6b484300c3b0c97a9cd64e996b29cd5
|
data/_sass/_bootstrap-icons.scss
CHANGED
@@ -1,8 +1,9 @@
|
|
1
1
|
$bootstrap-icons-font: bootstrap-icons !default;
|
2
2
|
$bootstrap-icons-font-dir: "../bootstrap-icons/fonts" !default;
|
3
3
|
$bootstrap-icons-font-file: #{$bootstrap-icons-font-dir}/#{$bootstrap-icons-font} !default;
|
4
|
-
$bootstrap-icons-font-hash: "
|
5
|
-
$bootstrap-icons-font-src: url("#{$bootstrap-icons-font-file}.woff2?#{$bootstrap-icons-font-hash}") format("woff2"),
|
4
|
+
$bootstrap-icons-font-hash: "24e3eb84d0bcaf83d77f904c78ac1f47" !default;
|
5
|
+
$bootstrap-icons-font-src: url("#{$bootstrap-icons-font-file}.woff2?#{$bootstrap-icons-font-hash}") format("woff2"),
|
6
|
+
url("#{$bootstrap-icons-font-file}.woff?#{$bootstrap-icons-font-hash}") format("woff") !default;
|
6
7
|
|
7
8
|
@font-face {
|
8
9
|
font-display: block;
|
@@ -147,3 +147,12 @@
|
|
147
147
|
}
|
148
148
|
}
|
149
149
|
}
|
150
|
+
|
151
|
+
@if $enable-dark-mode {
|
152
|
+
@include color-mode(dark) {
|
153
|
+
.accordion-button::after {
|
154
|
+
--#{$prefix}accordion-btn-icon: #{escape-svg($accordion-button-icon-dark)};
|
155
|
+
--#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon-dark)};
|
156
|
+
}
|
157
|
+
}
|
158
|
+
}
|
data/_sass/bootstrap/_alert.scss
CHANGED
@@ -12,6 +12,7 @@
|
|
12
12
|
--#{$prefix}alert-border-color: transparent;
|
13
13
|
--#{$prefix}alert-border: #{$alert-border-width} solid var(--#{$prefix}alert-border-color);
|
14
14
|
--#{$prefix}alert-border-radius: #{$alert-border-radius};
|
15
|
+
--#{$prefix}alert-link-color: inherit;
|
15
16
|
// scss-docs-end alert-css-vars
|
16
17
|
|
17
18
|
position: relative;
|
@@ -32,6 +33,7 @@
|
|
32
33
|
// Provide class for links that match alerts
|
33
34
|
.alert-link {
|
34
35
|
font-weight: $alert-link-font-weight;
|
36
|
+
color: var(--#{$prefix}alert-link-color);
|
35
37
|
}
|
36
38
|
|
37
39
|
|
@@ -54,18 +56,13 @@
|
|
54
56
|
|
55
57
|
|
56
58
|
// scss-docs-start alert-modifiers
|
57
|
-
// Generate contextual modifier classes for colorizing the alert
|
58
|
-
|
59
|
-
@each $state, $value in $theme-colors {
|
60
|
-
$alert-background: shift-color($value, $alert-bg-scale);
|
61
|
-
$alert-border: shift-color($value, $alert-border-scale);
|
62
|
-
$alert-color: shift-color($value, $alert-color-scale);
|
63
|
-
|
64
|
-
@if (contrast-ratio($alert-background, $alert-color) < $min-contrast-ratio) {
|
65
|
-
$alert-color: mix($value, color-contrast($alert-background), abs($alert-color-scale));
|
66
|
-
}
|
59
|
+
// Generate contextual modifier classes for colorizing the alert
|
60
|
+
@each $state in map-keys($theme-colors) {
|
67
61
|
.alert-#{$state} {
|
68
|
-
|
62
|
+
--#{$prefix}alert-color: var(--#{$prefix}#{$state}-text);
|
63
|
+
--#{$prefix}alert-bg: var(--#{$prefix}#{$state}-bg-subtle);
|
64
|
+
--#{$prefix}alert-border-color: var(--#{$prefix}#{$state}-border-subtle);
|
65
|
+
--#{$prefix}alert-link-color: var(--#{$prefix}#{$state}-text);
|
69
66
|
}
|
70
67
|
}
|
71
68
|
// scss-docs-end alert-modifiers
|
@@ -39,7 +39,7 @@
|
|
39
39
|
// Prevent double borders when buttons are next to each other
|
40
40
|
> :not(.btn-check:first-child) + .btn,
|
41
41
|
> .btn-group:not(:first-child) {
|
42
|
-
margin-left:
|
42
|
+
margin-left: calc($btn-border-width * -1); // stylelint-disable-line function-disallowed-list
|
43
43
|
}
|
44
44
|
|
45
45
|
// Reset rounded corners
|
@@ -126,7 +126,7 @@
|
|
126
126
|
|
127
127
|
> .btn:not(:first-child),
|
128
128
|
> .btn-group:not(:first-child) {
|
129
|
-
margin-top:
|
129
|
+
margin-top: calc($btn-border-width * -1); // stylelint-disable-line function-disallowed-list
|
130
130
|
}
|
131
131
|
|
132
132
|
// Reset rounded corners
|
data/_sass/bootstrap/_card.scss
CHANGED
@@ -7,6 +7,8 @@
|
|
7
7
|
--#{$prefix}card-spacer-y: #{$card-spacer-y};
|
8
8
|
--#{$prefix}card-spacer-x: #{$card-spacer-x};
|
9
9
|
--#{$prefix}card-title-spacer-y: #{$card-title-spacer-y};
|
10
|
+
--#{$prefix}card-title-color: #{$card-title-color};
|
11
|
+
--#{$prefix}card-subtitle-color: #{$card-subtitle-color};
|
10
12
|
--#{$prefix}card-border-width: #{$card-border-width};
|
11
13
|
--#{$prefix}card-border-color: #{$card-border-color};
|
12
14
|
--#{$prefix}card-border-radius: #{$card-border-radius};
|
@@ -73,11 +75,13 @@
|
|
73
75
|
|
74
76
|
.card-title {
|
75
77
|
margin-bottom: var(--#{$prefix}card-title-spacer-y);
|
78
|
+
color: var(--#{$prefix}card-title-color);
|
76
79
|
}
|
77
80
|
|
78
81
|
.card-subtitle {
|
79
82
|
margin-top: calc(-.5 * var(--#{$prefix}card-title-spacer-y)); // stylelint-disable-line function-disallowed-list
|
80
83
|
margin-bottom: 0;
|
84
|
+
color: var(--#{$prefix}card-subtitle-color);
|
81
85
|
}
|
82
86
|
|
83
87
|
.card-text:last-child {
|
@@ -210,7 +210,7 @@
|
|
210
210
|
|
211
211
|
// Dark mode carousel
|
212
212
|
|
213
|
-
|
213
|
+
@mixin carousel-dark() {
|
214
214
|
.carousel-control-prev-icon,
|
215
215
|
.carousel-control-next-icon {
|
216
216
|
filter: $carousel-dark-control-icon-filter;
|
@@ -224,3 +224,15 @@
|
|
224
224
|
color: $carousel-dark-caption-color;
|
225
225
|
}
|
226
226
|
}
|
227
|
+
|
228
|
+
.carousel-dark {
|
229
|
+
@include carousel-dark();
|
230
|
+
}
|
231
|
+
|
232
|
+
@if $enable-dark-mode {
|
233
|
+
@include color-mode(dark) {
|
234
|
+
.carousel {
|
235
|
+
@include carousel-dark();
|
236
|
+
}
|
237
|
+
}
|
238
|
+
}
|
data/_sass/bootstrap/_close.scss
CHANGED
@@ -4,37 +4,58 @@
|
|
4
4
|
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
|
5
5
|
|
6
6
|
.btn-close {
|
7
|
+
--#{$prefix}btn-close-color: #{$btn-close-color};
|
8
|
+
--#{$prefix}btn-close-bg: #{ escape-svg($btn-close-bg) };
|
9
|
+
--#{$prefix}btn-close-opacity: #{$btn-close-opacity};
|
10
|
+
--#{$prefix}btn-close-hover-opacity: #{$btn-close-hover-opacity};
|
11
|
+
--#{$prefix}btn-close-focus-shadow: #{$btn-close-focus-shadow};
|
12
|
+
--#{$prefix}btn-close-focus-opacity: #{$btn-close-focus-opacity};
|
13
|
+
--#{$prefix}btn-close-disabled-opacity: #{$btn-close-disabled-opacity};
|
14
|
+
--#{$prefix}btn-close-white-filter: #{$btn-close-white-filter};
|
15
|
+
|
7
16
|
box-sizing: content-box;
|
8
17
|
width: $btn-close-width;
|
9
18
|
height: $btn-close-height;
|
10
19
|
padding: $btn-close-padding-y $btn-close-padding-x;
|
11
|
-
color: $btn-close-color;
|
12
|
-
background: transparent
|
20
|
+
color: var(--#{$prefix}btn-close-color);
|
21
|
+
background: transparent var(--#{$prefix}btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
|
13
22
|
border: 0; // for button elements
|
14
23
|
@include border-radius();
|
15
|
-
opacity: $btn-close-opacity;
|
24
|
+
opacity: var(--#{$prefix}btn-close-opacity);
|
16
25
|
|
17
26
|
// Override <a>'s hover style
|
18
27
|
&:hover {
|
19
|
-
color: $btn-close-color;
|
28
|
+
color: var(--#{$prefix}btn-close-color);
|
20
29
|
text-decoration: none;
|
21
|
-
opacity: $btn-close-hover-opacity;
|
30
|
+
opacity: var(--#{$prefix}btn-close-hover-opacity);
|
22
31
|
}
|
23
32
|
|
24
33
|
&:focus {
|
25
34
|
outline: 0;
|
26
|
-
box-shadow: $btn-close-focus-shadow;
|
27
|
-
opacity: $btn-close-focus-opacity;
|
35
|
+
box-shadow: var(--#{$prefix}btn-close-focus-shadow);
|
36
|
+
opacity: var(--#{$prefix}btn-close-focus-opacity);
|
28
37
|
}
|
29
38
|
|
30
39
|
&:disabled,
|
31
40
|
&.disabled {
|
32
41
|
pointer-events: none;
|
33
42
|
user-select: none;
|
34
|
-
opacity: $btn-close-disabled-opacity;
|
43
|
+
opacity: var(--#{$prefix}btn-close-disabled-opacity);
|
35
44
|
}
|
36
45
|
}
|
37
46
|
|
47
|
+
@mixin btn-close-white() {
|
48
|
+
filter: var(--#{$prefix}btn-close-white-filter);
|
49
|
+
}
|
50
|
+
|
38
51
|
.btn-close-white {
|
39
|
-
|
52
|
+
@include btn-close-white();
|
53
|
+
}
|
54
|
+
|
55
|
+
@if $enable-dark-mode {
|
56
|
+
@include color-mode(dark) {
|
57
|
+
.btn-close {
|
58
|
+
@include btn-close-white();
|
59
|
+
}
|
60
|
+
}
|
40
61
|
}
|
@@ -184,6 +184,7 @@
|
|
184
184
|
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
185
185
|
background-color: transparent; // For `<button>`s
|
186
186
|
border: 0; // For `<button>`s
|
187
|
+
@include border-radius(var(--#{$prefix}dropdown-item-border-radius, 0));
|
187
188
|
|
188
189
|
&:hover,
|
189
190
|
&:focus {
|
@@ -180,13 +180,25 @@
|
|
180
180
|
// Add modifier classes to change text and background color on individual items.
|
181
181
|
// Organizationally, this must come after the `:hover` states.
|
182
182
|
|
183
|
-
@each $state
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
$list-group-
|
188
|
-
|
183
|
+
@each $state in map-keys($theme-colors) {
|
184
|
+
.list-group-item-#{$state} {
|
185
|
+
--#{$prefix}list-group-color: var(--#{$prefix}#{$state}-text);
|
186
|
+
--#{$prefix}list-group-bg: var(--#{$prefix}#{$state}-bg-subtle);
|
187
|
+
--#{$prefix}list-group-border-color: var(--#{$prefix}#{$state}-border-subtle);
|
188
|
+
|
189
|
+
&.list-group-item-action {
|
190
|
+
&:hover,
|
191
|
+
&:focus {
|
192
|
+
--#{$prefix}list-group-action-hover-color: var(--#{$prefix}emphasis-color);
|
193
|
+
--#{$prefix}list-group-action-hover-bg: var(--#{$prefix}#{$state}-border-subtle);
|
194
|
+
}
|
189
195
|
|
190
|
-
|
196
|
+
&:active {
|
197
|
+
--#{$prefix}list-group-active-color: var(--#{$prefix}emphasis-color);
|
198
|
+
--#{$prefix}list-group-active-bg: var(--#{$prefix}#{$state}-text);
|
199
|
+
--#{$prefix}list-group-active-border-color: var(--#{$prefix}#{$state}-text);
|
200
|
+
}
|
201
|
+
}
|
202
|
+
}
|
191
203
|
}
|
192
204
|
// scss-docs-end list-group-modifiers
|
data/_sass/bootstrap/_maps.scss
CHANGED
@@ -6,6 +6,39 @@
|
|
6
6
|
$theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value") !default;
|
7
7
|
// scss-docs-end theme-colors-rgb
|
8
8
|
|
9
|
+
$theme-colors-text: (
|
10
|
+
"primary": $primary-text,
|
11
|
+
"secondary": $secondary-text,
|
12
|
+
"success": $success-text,
|
13
|
+
"info": $info-text,
|
14
|
+
"warning": $warning-text,
|
15
|
+
"danger": $danger-text,
|
16
|
+
"light": $light-text,
|
17
|
+
"dark": $dark-text,
|
18
|
+
) !default;
|
19
|
+
|
20
|
+
$theme-colors-bg-subtle: (
|
21
|
+
"primary": $primary-bg-subtle,
|
22
|
+
"secondary": $secondary-bg-subtle,
|
23
|
+
"success": $success-bg-subtle,
|
24
|
+
"info": $info-bg-subtle,
|
25
|
+
"warning": $warning-bg-subtle,
|
26
|
+
"danger": $danger-bg-subtle,
|
27
|
+
"light": $light-bg-subtle,
|
28
|
+
"dark": $dark-bg-subtle,
|
29
|
+
) !default;
|
30
|
+
|
31
|
+
$theme-colors-border-subtle: (
|
32
|
+
"primary": $primary-border-subtle,
|
33
|
+
"secondary": $secondary-border-subtle,
|
34
|
+
"success": $success-border-subtle,
|
35
|
+
"info": $info-border-subtle,
|
36
|
+
"warning": $warning-border-subtle,
|
37
|
+
"danger": $danger-border-subtle,
|
38
|
+
"light": $light-border-subtle,
|
39
|
+
"dark": $dark-border-subtle,
|
40
|
+
) !default;
|
41
|
+
|
9
42
|
// Utilities maps
|
10
43
|
//
|
11
44
|
// Extends the default `$theme-colors` maps to help create our utilities.
|
@@ -25,6 +58,17 @@ $utilities-text: map-merge(
|
|
25
58
|
)
|
26
59
|
) !default;
|
27
60
|
$utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text") !default;
|
61
|
+
|
62
|
+
$utilities-text-emphasis-colors: (
|
63
|
+
"primary-emphasis": var(--#{$prefix}primary-text),
|
64
|
+
"secondary-emphasis": var(--#{$prefix}secondary-text),
|
65
|
+
"success-emphasis": var(--#{$prefix}success-text),
|
66
|
+
"info-emphasis": var(--#{$prefix}info-text),
|
67
|
+
"warning-emphasis": var(--#{$prefix}warning-text),
|
68
|
+
"danger-emphasis": var(--#{$prefix}danger-text),
|
69
|
+
"light-emphasis": var(--#{$prefix}light-text),
|
70
|
+
"dark-emphasis": var(--#{$prefix}dark-text)
|
71
|
+
) !default;
|
28
72
|
// scss-docs-end utilities-text-colors
|
29
73
|
|
30
74
|
// scss-docs-start utilities-bg-colors
|
@@ -37,6 +81,18 @@ $utilities-bg: map-merge(
|
|
37
81
|
)
|
38
82
|
) !default;
|
39
83
|
$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg") !default;
|
84
|
+
|
85
|
+
$utilities-bg-subtle: (
|
86
|
+
"primary-subtle": var(--#{$prefix}primary-bg-subtle),
|
87
|
+
"secondary-subtle": var(--#{$prefix}secondary-bg-subtle),
|
88
|
+
"success-subtle": var(--#{$prefix}success-bg-subtle),
|
89
|
+
"info-subtle": var(--#{$prefix}info-bg-subtle),
|
90
|
+
"warning-subtle": var(--#{$prefix}warning-bg-subtle),
|
91
|
+
"danger-subtle": var(--#{$prefix}danger-bg-subtle),
|
92
|
+
"light-subtle": var(--#{$prefix}light-bg-subtle),
|
93
|
+
"dark-subtle": var(--#{$prefix}dark-bg-subtle)
|
94
|
+
) !default;
|
95
|
+
// $utilities-bg-subtle-colors: map-loop($utilities-bg-subtle, rgba-css-var, "$key", "bg") !default;
|
40
96
|
// scss-docs-end utilities-bg-colors
|
41
97
|
|
42
98
|
// scss-docs-start utilities-border-colors
|
@@ -47,6 +103,17 @@ $utilities-border: map-merge(
|
|
47
103
|
)
|
48
104
|
) !default;
|
49
105
|
$utilities-border-colors: map-loop($utilities-border, rgba-css-var, "$key", "border") !default;
|
106
|
+
|
107
|
+
$utilities-border-subtle: (
|
108
|
+
"primary-subtle": var(--#{$prefix}primary-border-subtle),
|
109
|
+
"secondary-subtle": var(--#{$prefix}secondary-border-subtle),
|
110
|
+
"success-subtle": var(--#{$prefix}success-border-subtle),
|
111
|
+
"info-subtle": var(--#{$prefix}info-border-subtle),
|
112
|
+
"warning-subtle": var(--#{$prefix}warning-border-subtle),
|
113
|
+
"danger-subtle": var(--#{$prefix}danger-border-subtle),
|
114
|
+
"light-subtle": var(--#{$prefix}light-border-subtle),
|
115
|
+
"dark-subtle": var(--#{$prefix}dark-border-subtle)
|
116
|
+
) !default;
|
50
117
|
// scss-docs-end utilities-border-colors
|
51
118
|
|
52
119
|
$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;
|
@@ -10,6 +10,7 @@
|
|
10
10
|
|
11
11
|
// Helpers
|
12
12
|
@import "mixins/breakpoints";
|
13
|
+
@import "mixins/color-mode";
|
13
14
|
@import "mixins/color-scheme";
|
14
15
|
@import "mixins/image";
|
15
16
|
@import "mixins/resize";
|
@@ -21,13 +22,11 @@
|
|
21
22
|
@import "mixins/utilities";
|
22
23
|
|
23
24
|
// Components
|
24
|
-
@import "mixins/alert";
|
25
25
|
@import "mixins/backdrop";
|
26
26
|
@import "mixins/buttons";
|
27
27
|
@import "mixins/caret";
|
28
28
|
@import "mixins/pagination";
|
29
29
|
@import "mixins/lists";
|
30
|
-
@import "mixins/list-group";
|
31
30
|
@import "mixins/forms";
|
32
31
|
@import "mixins/table-variants";
|
33
32
|
|
@@ -276,3 +276,11 @@
|
|
276
276
|
--#{$prefix}navbar-toggler-icon-bg: #{escape-svg($navbar-dark-toggler-icon-bg)};
|
277
277
|
// scss-docs-end navbar-dark-css-vars
|
278
278
|
}
|
279
|
+
|
280
|
+
@if $enable-dark-mode {
|
281
|
+
@include color-mode(dark) {
|
282
|
+
.navbar {
|
283
|
+
--#{$prefix}navbar-toggler-icon-bg: #{escape-svg($navbar-dark-toggler-icon-bg)};
|
284
|
+
}
|
285
|
+
}
|
286
|
+
}
|
@@ -12,6 +12,8 @@
|
|
12
12
|
--#{$prefix}offcanvas-border-width: #{$offcanvas-border-width};
|
13
13
|
--#{$prefix}offcanvas-border-color: #{$offcanvas-border-color};
|
14
14
|
--#{$prefix}offcanvas-box-shadow: #{$offcanvas-box-shadow};
|
15
|
+
--#{$prefix}offcanvas-transition: #{transform $offcanvas-transition-duration ease-in-out};
|
16
|
+
--#{$prefix}offcanvas-title-line-height: #{$offcanvas-title-line-height};
|
15
17
|
// scss-docs-end offcanvas-css-vars
|
16
18
|
}
|
17
19
|
|
@@ -42,7 +44,7 @@
|
|
42
44
|
background-clip: padding-box;
|
43
45
|
outline: 0;
|
44
46
|
@include box-shadow(var(--#{$prefix}offcanvas-box-shadow));
|
45
|
-
@include transition(
|
47
|
+
@include transition(var(--#{$prefix}offcanvas-transition));
|
46
48
|
|
47
49
|
&.offcanvas-start {
|
48
50
|
top: 0;
|
@@ -134,7 +136,7 @@
|
|
134
136
|
|
135
137
|
.offcanvas-title {
|
136
138
|
margin-bottom: 0;
|
137
|
-
line-height: $offcanvas-title-line-height;
|
139
|
+
line-height: var(--#{$prefix}offcanvas-title-line-height);
|
138
140
|
}
|
139
141
|
|
140
142
|
.offcanvas-body {
|
@@ -75,7 +75,7 @@
|
|
75
75
|
margin-left: $pagination-margin-start;
|
76
76
|
}
|
77
77
|
|
78
|
-
@if $pagination-margin-start == ($pagination-border-width * -1) {
|
78
|
+
@if $pagination-margin-start == calc($pagination-border-width * -1) {
|
79
79
|
&:first-child {
|
80
80
|
.page-link {
|
81
81
|
@include border-start-radius(var(--#{$prefix}pagination-border-radius));
|
@@ -8,7 +8,8 @@
|
|
8
8
|
}
|
9
9
|
// scss-docs-end progress-keyframes
|
10
10
|
|
11
|
-
.progress
|
11
|
+
.progress,
|
12
|
+
.progress-stacked {
|
12
13
|
// scss-docs-start progress-css-vars
|
13
14
|
--#{$prefix}progress-height: #{$progress-height};
|
14
15
|
@include rfs($progress-font-size, --#{$prefix}progress-font-size);
|
@@ -46,6 +47,14 @@
|
|
46
47
|
background-size: var(--#{$prefix}progress-height) var(--#{$prefix}progress-height);
|
47
48
|
}
|
48
49
|
|
50
|
+
.progress-stacked > .progress {
|
51
|
+
overflow: visible;
|
52
|
+
}
|
53
|
+
|
54
|
+
.progress-stacked > .progress > .progress-bar {
|
55
|
+
width: 100%;
|
56
|
+
}
|
57
|
+
|
49
58
|
@if $enable-transitions {
|
50
59
|
.progress-bar-animated {
|
51
60
|
animation: $progress-bar-animation-timing progress-bar-stripes;
|
@@ -87,7 +87,7 @@ hr {
|
|
87
87
|
font-style: $headings-font-style;
|
88
88
|
font-weight: $headings-font-weight;
|
89
89
|
line-height: $headings-line-height;
|
90
|
-
color: $
|
90
|
+
color: var(--#{$prefix}heading-color, inherit);
|
91
91
|
}
|
92
92
|
|
93
93
|
h1 {
|
@@ -241,11 +241,11 @@ sup { top: -.5em; }
|
|
241
241
|
// Links
|
242
242
|
|
243
243
|
a {
|
244
|
-
color: var(--#{$prefix}link-color);
|
244
|
+
color: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, 1));
|
245
245
|
text-decoration: $link-decoration;
|
246
246
|
|
247
247
|
&:hover {
|
248
|
-
color: var(--#{$prefix}link-hover-color);
|
248
|
+
--#{$prefix}link-color-rgb: var(--#{$prefix}link-hover-color-rgb);
|
249
249
|
text-decoration: $link-hover-decoration;
|
250
250
|
}
|
251
251
|
}
|
data/_sass/bootstrap/_root.scss
CHANGED
@@ -1,4 +1,5 @@
|
|
1
|
-
:root
|
1
|
+
:root,
|
2
|
+
[data-bs-theme="light"] {
|
2
3
|
// Note: Custom variable values only support SassScript inside `#{}`.
|
3
4
|
|
4
5
|
// Colors
|
@@ -21,6 +22,18 @@
|
|
21
22
|
--#{$prefix}#{$color}-rgb: #{$value};
|
22
23
|
}
|
23
24
|
|
25
|
+
@each $color, $value in $theme-colors-text {
|
26
|
+
--#{$prefix}#{$color}-text: #{$value};
|
27
|
+
}
|
28
|
+
|
29
|
+
@each $color, $value in $theme-colors-bg-subtle {
|
30
|
+
--#{$prefix}#{$color}-bg-subtle: #{$value};
|
31
|
+
}
|
32
|
+
|
33
|
+
@each $color, $value in $theme-colors-border-subtle {
|
34
|
+
--#{$prefix}#{$color}-border-subtle: #{$value};
|
35
|
+
}
|
36
|
+
|
24
37
|
--#{$prefix}white-rgb: #{to-rgb($white)};
|
25
38
|
--#{$prefix}black-rgb: #{to-rgb($black)};
|
26
39
|
--#{$prefix}body-color-rgb: #{to-rgb($body-color)};
|
@@ -39,17 +52,50 @@
|
|
39
52
|
@if $font-size-root != null {
|
40
53
|
--#{$prefix}root-font-size: #{$font-size-root};
|
41
54
|
}
|
42
|
-
--#{$prefix}body-font-family: #{$font-family-base};
|
55
|
+
--#{$prefix}body-font-family: #{inspect($font-family-base)};
|
43
56
|
@include rfs($font-size-base, --#{$prefix}body-font-size);
|
44
57
|
--#{$prefix}body-font-weight: #{$font-weight-base};
|
45
58
|
--#{$prefix}body-line-height: #{$line-height-base};
|
46
59
|
--#{$prefix}body-color: #{$body-color};
|
60
|
+
|
61
|
+
--#{$prefix}emphasis-color: #{$body-emphasis-color};
|
62
|
+
--#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color)};
|
63
|
+
|
64
|
+
--#{$prefix}secondary-color: #{$body-secondary-color};
|
65
|
+
--#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color)};
|
66
|
+
--#{$prefix}secondary-bg: #{$body-secondary-bg};
|
67
|
+
--#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg)};
|
68
|
+
|
69
|
+
--#{$prefix}tertiary-color: #{$body-tertiary-color};
|
70
|
+
--#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color)};
|
71
|
+
--#{$prefix}tertiary-bg: #{$body-tertiary-bg};
|
72
|
+
--#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg)};
|
73
|
+
|
47
74
|
@if $body-text-align != null {
|
48
75
|
--#{$prefix}body-text-align: #{$body-text-align};
|
49
76
|
}
|
50
77
|
--#{$prefix}body-bg: #{$body-bg};
|
78
|
+
--#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};
|
51
79
|
// scss-docs-end root-body-variables
|
52
80
|
|
81
|
+
@if $headings-color != null {
|
82
|
+
--#{$prefix}heading-color: #{$headings-color};
|
83
|
+
}
|
84
|
+
|
85
|
+
--#{$prefix}link-color: #{$link-color};
|
86
|
+
--#{$prefix}link-color-rgb: #{to-rgb($link-color)};
|
87
|
+
--#{$prefix}link-decoration: #{$link-decoration};
|
88
|
+
|
89
|
+
--#{$prefix}link-hover-color: #{$link-hover-color};
|
90
|
+
--#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color)};
|
91
|
+
|
92
|
+
@if $link-hover-decoration != null {
|
93
|
+
--#{$prefix}link-hover-decoration: #{$link-hover-decoration};
|
94
|
+
}
|
95
|
+
|
96
|
+
--#{$prefix}code-color: #{$code-color};
|
97
|
+
--#{$prefix}highlight-bg: #{$mark-bg};
|
98
|
+
|
53
99
|
// scss-docs-start root-border-var
|
54
100
|
--#{$prefix}border-width: #{$border-width};
|
55
101
|
--#{$prefix}border-style: #{$border-style};
|
@@ -64,10 +110,86 @@
|
|
64
110
|
--#{$prefix}border-radius-pill: #{$border-radius-pill};
|
65
111
|
// scss-docs-end root-border-var
|
66
112
|
|
67
|
-
--#{$prefix}
|
68
|
-
--#{$prefix}
|
113
|
+
--#{$prefix}box-shadow: #{$box-shadow};
|
114
|
+
--#{$prefix}box-shadow-sm: #{$box-shadow-sm};
|
115
|
+
--#{$prefix}box-shadow-lg: #{$box-shadow-lg};
|
116
|
+
--#{$prefix}box-shadow-inset: #{$box-shadow-inset};
|
69
117
|
|
70
|
-
--#{$prefix}
|
118
|
+
--#{$prefix}emphasis-color: #{$emphasis-color};
|
119
|
+
|
120
|
+
// scss-docs-start form-control-vars
|
121
|
+
--#{$prefix}form-control-bg: var(--#{$prefix}body-bg);
|
122
|
+
--#{$prefix}form-control-disabled-bg: var(--#{$prefix}secondary-bg);
|
123
|
+
// scss-docs-end form-control-vars
|
71
124
|
|
72
125
|
--#{$prefix}highlight-bg: #{$mark-bg};
|
126
|
+
|
127
|
+
@each $name, $value in $grid-breakpoints {
|
128
|
+
--#{$prefix}breakpoint-#{$name}: #{$value};
|
129
|
+
}
|
130
|
+
}
|
131
|
+
|
132
|
+
@if $enable-dark-mode {
|
133
|
+
@include color-mode(dark, true) {
|
134
|
+
// scss-docs-start root-dark-mode-vars
|
135
|
+
--#{$prefix}body-color: #{$body-color-dark};
|
136
|
+
--#{$prefix}body-color-rgb: #{to-rgb($body-color-dark)};
|
137
|
+
--#{$prefix}body-bg: #{$body-bg-dark};
|
138
|
+
--#{$prefix}body-bg-rgb: #{to-rgb($body-bg-dark)};
|
139
|
+
|
140
|
+
--#{$prefix}emphasis-color: #{$body-emphasis-color-dark};
|
141
|
+
--#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color-dark)};
|
142
|
+
|
143
|
+
--#{$prefix}secondary-color: #{$body-secondary-color-dark};
|
144
|
+
--#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color-dark)};
|
145
|
+
--#{$prefix}secondary-bg: #{$body-secondary-bg-dark};
|
146
|
+
--#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg-dark)};
|
147
|
+
|
148
|
+
--#{$prefix}tertiary-color: #{$body-tertiary-color-dark};
|
149
|
+
--#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color-dark)};
|
150
|
+
--#{$prefix}tertiary-bg: #{$body-tertiary-bg-dark};
|
151
|
+
--#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg-dark)};
|
152
|
+
|
153
|
+
--#{$prefix}emphasis-color: #{$emphasis-color-dark};
|
154
|
+
|
155
|
+
--#{$prefix}primary-text: #{$primary-text-dark};
|
156
|
+
--#{$prefix}secondary-text: #{$secondary-text-dark};
|
157
|
+
--#{$prefix}success-text: #{$success-text-dark};
|
158
|
+
--#{$prefix}info-text: #{$info-text-dark};
|
159
|
+
--#{$prefix}warning-text: #{$warning-text-dark};
|
160
|
+
--#{$prefix}danger-text: #{$danger-text-dark};
|
161
|
+
--#{$prefix}light-text: #{$light-text-dark};
|
162
|
+
--#{$prefix}dark-text: #{$dark-text-dark};
|
163
|
+
|
164
|
+
--#{$prefix}primary-bg-subtle: #{$primary-bg-subtle-dark};
|
165
|
+
--#{$prefix}secondary-bg-subtle: #{$secondary-bg-subtle-dark};
|
166
|
+
--#{$prefix}success-bg-subtle: #{$success-bg-subtle-dark};
|
167
|
+
--#{$prefix}info-bg-subtle: #{$info-bg-subtle-dark};
|
168
|
+
--#{$prefix}warning-bg-subtle: #{$warning-bg-subtle-dark};
|
169
|
+
--#{$prefix}danger-bg-subtle: #{$danger-bg-subtle-dark};
|
170
|
+
--#{$prefix}light-bg-subtle: #{$light-bg-subtle-dark};
|
171
|
+
--#{$prefix}dark-bg-subtle: #{$dark-bg-subtle-dark};
|
172
|
+
|
173
|
+
--#{$prefix}primary-border-subtle: #{$primary-border-subtle-dark};
|
174
|
+
--#{$prefix}secondary-border-subtle: #{$secondary-border-subtle-dark};
|
175
|
+
--#{$prefix}success-border-subtle: #{$success-border-subtle-dark};
|
176
|
+
--#{$prefix}info-border-subtle: #{$info-border-subtle-dark};
|
177
|
+
--#{$prefix}warning-border-subtle: #{$warning-border-subtle-dark};
|
178
|
+
--#{$prefix}danger-border-subtle: #{$danger-border-subtle-dark};
|
179
|
+
--#{$prefix}light-border-subtle: #{$light-border-subtle-dark};
|
180
|
+
--#{$prefix}dark-border-subtle: #{$dark-border-subtle-dark};
|
181
|
+
|
182
|
+
--#{$prefix}heading-color: #{$headings-color-dark};
|
183
|
+
|
184
|
+
--#{$prefix}link-color: #{$link-color-dark};
|
185
|
+
--#{$prefix}link-hover-color: #{$link-hover-color-dark};
|
186
|
+
--#{$prefix}link-color-rgb: #{to-rgb($link-color-dark)};
|
187
|
+
--#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-dark)};
|
188
|
+
|
189
|
+
--#{$prefix}code-color: #{$code-color-dark};
|
190
|
+
|
191
|
+
--#{$prefix}border-color: #{$border-color-dark};
|
192
|
+
--#{$prefix}border-color-translucent: #{$border-color-translucent-dark};
|
193
|
+
// scss-docs-end root-dark-mode-vars
|
194
|
+
}
|
73
195
|
}
|