paraqeet 0.7.0 → 0.9.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
- data/assets/js/bootstrap.bundle.min.js +2 -2
- data/assets/js/bootstrap.bundle.min.js.map +1 -1
- metadata +4 -2
@@ -5,10 +5,12 @@ $include-column-box-sizing: true !default;
|
|
5
5
|
|
6
6
|
@import "functions";
|
7
7
|
@import "variables";
|
8
|
+
@import "variables-dark";
|
8
9
|
@import "maps";
|
9
10
|
|
10
11
|
@import "mixins/lists";
|
11
12
|
@import "mixins/breakpoints";
|
13
|
+
@import "mixins/color-mode";
|
12
14
|
@import "mixins/container";
|
13
15
|
@import "mixins/grid";
|
14
16
|
@import "mixins/utilities";
|
@@ -1,6 +1,17 @@
|
|
1
1
|
.form-floating {
|
2
2
|
position: relative;
|
3
3
|
|
4
|
+
&::before:not(.form-control:disabled) {
|
5
|
+
position: absolute;
|
6
|
+
top: $input-border-width;
|
7
|
+
left: $input-border-width;
|
8
|
+
width: subtract(100%, add($input-height-inner-quarter, $input-height-inner-half));
|
9
|
+
height: $form-floating-label-height;
|
10
|
+
content: "";
|
11
|
+
background-color: $input-bg;
|
12
|
+
@include border-radius($input-border-radius);
|
13
|
+
}
|
14
|
+
|
4
15
|
> .form-control,
|
5
16
|
> .form-control-plaintext,
|
6
17
|
> .form-select {
|
@@ -72,4 +83,8 @@
|
|
72
83
|
border-width: $input-border-width 0; // Required to properly position label text - as explained above
|
73
84
|
}
|
74
85
|
}
|
86
|
+
|
87
|
+
> .form-control:disabled ~ label {
|
88
|
+
color: $form-floating-label-disabled-color;
|
89
|
+
}
|
75
90
|
}
|
@@ -27,11 +27,14 @@
|
|
27
27
|
}
|
28
28
|
|
29
29
|
.form-check-input {
|
30
|
+
--#{$prefix}form-check-bg: #{$form-check-input-bg};
|
31
|
+
|
30
32
|
width: $form-check-input-width;
|
31
33
|
height: $form-check-input-width;
|
32
34
|
margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
|
33
35
|
vertical-align: top;
|
34
|
-
background-color: $form-check-
|
36
|
+
background-color: var(--#{$prefix}form-check-bg);
|
37
|
+
background-image: var(--#{$prefix}form-check-bg-image);
|
35
38
|
background-repeat: no-repeat;
|
36
39
|
background-position: center;
|
37
40
|
background-size: contain;
|
@@ -65,17 +68,17 @@
|
|
65
68
|
|
66
69
|
&[type="checkbox"] {
|
67
70
|
@if $enable-gradients {
|
68
|
-
|
71
|
+
--#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-checked-bg-image)}, var(--#{$prefix}gradient);
|
69
72
|
} @else {
|
70
|
-
|
73
|
+
--#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-checked-bg-image)};
|
71
74
|
}
|
72
75
|
}
|
73
76
|
|
74
77
|
&[type="radio"] {
|
75
78
|
@if $enable-gradients {
|
76
|
-
|
79
|
+
--#{$prefix}form-check-bg-image: #{escape-svg($form-check-radio-checked-bg-image)}, var(--#{$prefix}gradient);
|
77
80
|
} @else {
|
78
|
-
|
81
|
+
--#{$prefix}form-check-bg-image: #{escape-svg($form-check-radio-checked-bg-image)};
|
79
82
|
}
|
80
83
|
}
|
81
84
|
}
|
@@ -85,9 +88,9 @@
|
|
85
88
|
border-color: $form-check-input-indeterminate-border-color;
|
86
89
|
|
87
90
|
@if $enable-gradients {
|
88
|
-
|
91
|
+
--#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-indeterminate-bg-image)}, var(--#{$prefix}gradient);
|
89
92
|
} @else {
|
90
|
-
|
93
|
+
--#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-indeterminate-bg-image)};
|
91
94
|
}
|
92
95
|
}
|
93
96
|
|
@@ -121,24 +124,26 @@
|
|
121
124
|
padding-left: $form-switch-padding-start;
|
122
125
|
|
123
126
|
.form-check-input {
|
127
|
+
--#{$prefix}form-switch-bg: #{escape-svg($form-switch-bg-image)};
|
128
|
+
|
124
129
|
width: $form-switch-width;
|
125
130
|
margin-left: $form-switch-padding-start * -1;
|
126
|
-
background-image:
|
131
|
+
background-image: var(--#{$prefix}form-switch-bg);
|
127
132
|
background-position: left center;
|
128
133
|
@include border-radius($form-switch-border-radius);
|
129
134
|
@include transition($form-switch-transition);
|
130
135
|
|
131
136
|
&:focus {
|
132
|
-
|
137
|
+
--#{$prefix}form-switch-bg: #{escape-svg($form-switch-focus-bg-image)};
|
133
138
|
}
|
134
139
|
|
135
140
|
&:checked {
|
136
141
|
background-position: $form-switch-checked-bg-position;
|
137
142
|
|
138
143
|
@if $enable-gradients {
|
139
|
-
|
144
|
+
--#{$prefix}form-switch-bg: #{escape-svg($form-switch-checked-bg-image)}, var(--#{$prefix}gradient);
|
140
145
|
} @else {
|
141
|
-
|
146
|
+
--#{$prefix}form-switch-bg: #{escape-svg($form-switch-checked-bg-image)};
|
142
147
|
}
|
143
148
|
}
|
144
149
|
}
|
@@ -173,3 +178,11 @@
|
|
173
178
|
}
|
174
179
|
}
|
175
180
|
}
|
181
|
+
|
182
|
+
@if $enable-dark-mode {
|
183
|
+
@include color-mode(dark) {
|
184
|
+
.form-switch .form-check-input:not(:checked):not(:focus) {
|
185
|
+
--#{$prefix}form-switch-bg: #{escape-svg($form-switch-bg-image-dark)};
|
186
|
+
}
|
187
|
+
}
|
188
|
+
}
|
@@ -52,6 +52,13 @@
|
|
52
52
|
height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
|
53
53
|
}
|
54
54
|
|
55
|
+
// Prevent excessive date input height in Webkit
|
56
|
+
// https://github.com/twbs/bootstrap/issues/34433
|
57
|
+
&::-webkit-datetime-edit {
|
58
|
+
display: block;
|
59
|
+
padding: 0;
|
60
|
+
}
|
61
|
+
|
55
62
|
// Placeholder
|
56
63
|
&::placeholder {
|
57
64
|
color: $input-placeholder-color;
|
@@ -4,6 +4,8 @@
|
|
4
4
|
// https://primer.github.io/.
|
5
5
|
|
6
6
|
.form-select {
|
7
|
+
--#{$prefix}form-select-bg-img: #{escape-svg($form-select-indicator)};
|
8
|
+
|
7
9
|
display: block;
|
8
10
|
width: 100%;
|
9
11
|
padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;
|
@@ -14,7 +16,7 @@
|
|
14
16
|
line-height: $form-select-line-height;
|
15
17
|
color: $form-select-color;
|
16
18
|
background-color: $form-select-bg;
|
17
|
-
background-image:
|
19
|
+
background-image: var(--#{$prefix}form-select-bg-img), var(--#{$prefix}form-select-bg-icon, none);
|
18
20
|
background-repeat: no-repeat;
|
19
21
|
background-position: $form-select-bg-position;
|
20
22
|
background-size: $form-select-bg-size;
|
@@ -69,3 +71,11 @@
|
|
69
71
|
@include font-size($form-select-font-size-lg);
|
70
72
|
@include border-radius($form-select-border-radius-lg);
|
71
73
|
}
|
74
|
+
|
75
|
+
@if $enable-dark-mode {
|
76
|
+
@include color-mode(dark) {
|
77
|
+
.form-select {
|
78
|
+
--#{$prefix}form-select-bg-img: #{escape-svg($form-select-indicator-dark)};
|
79
|
+
}
|
80
|
+
}
|
81
|
+
}
|
@@ -121,7 +121,7 @@
|
|
121
121
|
}
|
122
122
|
|
123
123
|
> :not(:first-child):not(.dropdown-menu)#{$validation-messages} {
|
124
|
-
margin-left:
|
124
|
+
margin-left: calc($input-border-width * -1); // stylelint-disable-line function-disallowed-list
|
125
125
|
@include border-start-radius(0);
|
126
126
|
}
|
127
127
|
|
@@ -1,11 +1,11 @@
|
|
1
1
|
@each $color, $value in $theme-colors {
|
2
2
|
.link-#{$color} {
|
3
|
-
color: $value
|
3
|
+
color: $value if($enable-important-utilities, !important, null);
|
4
4
|
|
5
5
|
@if $link-shade-percentage != 0 {
|
6
6
|
&:hover,
|
7
7
|
&:focus {
|
8
|
-
color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage))
|
8
|
+
color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage)) if($enable-important-utilities, !important, null);
|
9
9
|
}
|
10
10
|
}
|
11
11
|
}
|
@@ -1,15 +1,18 @@
|
|
1
|
+
@include deprecate("`alert-variant()`", "v5.3.0", "v6.0.0");
|
2
|
+
|
1
3
|
// scss-docs-start alert-variant-mixin
|
2
4
|
@mixin alert-variant($background, $border, $color) {
|
3
5
|
--#{$prefix}alert-color: #{$color};
|
4
6
|
--#{$prefix}alert-bg: #{$background};
|
5
7
|
--#{$prefix}alert-border-color: #{$border};
|
8
|
+
--#{$prefix}alert-link-color: #{shade-color($color, 20%)};
|
6
9
|
|
7
10
|
@if $enable-gradients {
|
8
11
|
background-image: var(--#{$prefix}gradient);
|
9
12
|
}
|
10
13
|
|
11
14
|
.alert-link {
|
12
|
-
color:
|
15
|
+
color: var(--#{$prefix}alert-link-color);
|
13
16
|
}
|
14
17
|
}
|
15
18
|
// scss-docs-end alert-variant-mixin
|
@@ -1,9 +1,7 @@
|
|
1
1
|
@mixin bsBanner($file) {
|
2
2
|
/*!
|
3
|
-
* Bootstrap #{$file} v5.
|
3
|
+
* Bootstrap #{$file} v5.3.0-alpha1 (https://getbootstrap.com/)
|
4
4
|
* Copyright 2011-2022 The Bootstrap Authors
|
5
|
-
* Copyright 2011-2022 Twitter, Inc.
|
6
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
7
6
|
*/
|
8
7
|
}
|
9
|
-
|
@@ -1,44 +1,49 @@
|
|
1
1
|
// scss-docs-start caret-mixins
|
2
|
-
@mixin caret-down {
|
3
|
-
border-top: $
|
4
|
-
border-right: $
|
2
|
+
@mixin caret-down($width: $caret-width) {
|
3
|
+
border-top: $width solid;
|
4
|
+
border-right: $width solid transparent;
|
5
5
|
border-bottom: 0;
|
6
|
-
border-left: $
|
6
|
+
border-left: $width solid transparent;
|
7
7
|
}
|
8
8
|
|
9
|
-
@mixin caret-up {
|
9
|
+
@mixin caret-up($width: $caret-width) {
|
10
10
|
border-top: 0;
|
11
|
-
border-right: $
|
12
|
-
border-bottom: $
|
13
|
-
border-left: $
|
11
|
+
border-right: $width solid transparent;
|
12
|
+
border-bottom: $width solid;
|
13
|
+
border-left: $width solid transparent;
|
14
14
|
}
|
15
15
|
|
16
|
-
@mixin caret-end {
|
17
|
-
border-top: $
|
16
|
+
@mixin caret-end($width: $caret-width) {
|
17
|
+
border-top: $width solid transparent;
|
18
18
|
border-right: 0;
|
19
|
-
border-bottom: $
|
20
|
-
border-left: $
|
19
|
+
border-bottom: $width solid transparent;
|
20
|
+
border-left: $width solid;
|
21
21
|
}
|
22
22
|
|
23
|
-
@mixin caret-start {
|
24
|
-
border-top: $
|
25
|
-
border-right: $
|
26
|
-
border-bottom: $
|
23
|
+
@mixin caret-start($width: $caret-width) {
|
24
|
+
border-top: $width solid transparent;
|
25
|
+
border-right: $width solid;
|
26
|
+
border-bottom: $width solid transparent;
|
27
27
|
}
|
28
28
|
|
29
|
-
@mixin caret(
|
29
|
+
@mixin caret(
|
30
|
+
$direction: down,
|
31
|
+
$width: $caret-width,
|
32
|
+
$spacing: $caret-spacing,
|
33
|
+
$vertical-align: $caret-vertical-align
|
34
|
+
) {
|
30
35
|
@if $enable-caret {
|
31
36
|
&::after {
|
32
37
|
display: inline-block;
|
33
|
-
margin-left: $
|
34
|
-
vertical-align: $
|
38
|
+
margin-left: $spacing;
|
39
|
+
vertical-align: $vertical-align;
|
35
40
|
content: "";
|
36
41
|
@if $direction == down {
|
37
|
-
@include caret-down();
|
42
|
+
@include caret-down($width);
|
38
43
|
} @else if $direction == up {
|
39
|
-
@include caret-up();
|
44
|
+
@include caret-up($width);
|
40
45
|
} @else if $direction == end {
|
41
|
-
@include caret-end();
|
46
|
+
@include caret-end($width);
|
42
47
|
}
|
43
48
|
}
|
44
49
|
|
@@ -49,10 +54,10 @@
|
|
49
54
|
|
50
55
|
&::before {
|
51
56
|
display: inline-block;
|
52
|
-
margin-right: $
|
53
|
-
vertical-align: $
|
57
|
+
margin-right: $spacing;
|
58
|
+
vertical-align: $vertical-align;
|
54
59
|
content: "";
|
55
|
-
@include caret-start();
|
60
|
+
@include caret-start($width);
|
56
61
|
}
|
57
62
|
}
|
58
63
|
|
@@ -0,0 +1,21 @@
|
|
1
|
+
// scss-docs-start color-mode-mixin
|
2
|
+
@mixin color-mode($mode: light, $root: false) {
|
3
|
+
@if $color-mode-type == "media-query" {
|
4
|
+
@if $root == true {
|
5
|
+
@media (prefers-color-scheme: $mode) {
|
6
|
+
:root {
|
7
|
+
@content;
|
8
|
+
}
|
9
|
+
}
|
10
|
+
} @else {
|
11
|
+
@media (prefers-color-scheme: $mode) {
|
12
|
+
@content;
|
13
|
+
}
|
14
|
+
}
|
15
|
+
} @else {
|
16
|
+
[data-bs-theme="#{$mode}"] {
|
17
|
+
@content;
|
18
|
+
}
|
19
|
+
}
|
20
|
+
}
|
21
|
+
// scss-docs-end color-mode-mixin
|
@@ -21,7 +21,8 @@
|
|
21
21
|
$icon,
|
22
22
|
$tooltip-color: color-contrast($color),
|
23
23
|
$tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),
|
24
|
-
$focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)
|
24
|
+
$focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity),
|
25
|
+
$border-color: $color
|
25
26
|
) {
|
26
27
|
.#{$state}-feedback {
|
27
28
|
display: none;
|
@@ -56,7 +57,7 @@
|
|
56
57
|
|
57
58
|
.form-control {
|
58
59
|
@include form-validation-state-selector($state) {
|
59
|
-
border-color: $color;
|
60
|
+
border-color: $border-color;
|
60
61
|
|
61
62
|
@if $enable-validation-icons {
|
62
63
|
padding-right: $input-height-inner;
|
@@ -67,7 +68,7 @@
|
|
67
68
|
}
|
68
69
|
|
69
70
|
&:focus {
|
70
|
-
border-color: $color;
|
71
|
+
border-color: $border-color;
|
71
72
|
box-shadow: $focus-box-shadow;
|
72
73
|
}
|
73
74
|
}
|
@@ -85,20 +86,20 @@
|
|
85
86
|
|
86
87
|
.form-select {
|
87
88
|
@include form-validation-state-selector($state) {
|
88
|
-
border-color: $color;
|
89
|
+
border-color: $border-color;
|
89
90
|
|
90
91
|
@if $enable-validation-icons {
|
91
92
|
&:not([multiple]):not([size]),
|
92
93
|
&:not([multiple])[size="1"] {
|
94
|
+
--#{$prefix}form-select-bg-icon: #{escape-svg($icon)};
|
93
95
|
padding-right: $form-select-feedback-icon-padding-end;
|
94
|
-
background-image: escape-svg($form-select-indicator), escape-svg($icon);
|
95
96
|
background-position: $form-select-bg-position, $form-select-feedback-icon-position;
|
96
97
|
background-size: $form-select-bg-size, $form-select-feedback-icon-size;
|
97
98
|
}
|
98
99
|
}
|
99
100
|
|
100
101
|
&:focus {
|
101
|
-
border-color: $color;
|
102
|
+
border-color: $border-color;
|
102
103
|
box-shadow: $focus-box-shadow;
|
103
104
|
}
|
104
105
|
}
|
@@ -114,7 +115,7 @@
|
|
114
115
|
|
115
116
|
.form-check-input {
|
116
117
|
@include form-validation-state-selector($state) {
|
117
|
-
border-color: $color;
|
118
|
+
border-color: $border-color;
|
118
119
|
|
119
120
|
&:checked {
|
120
121
|
background-color: $color;
|