bootstrap-scss 4.4.0 → 4.5.2
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE +22 -22
- package/README.md +7 -7
- package/_breadcrumb.scss +2 -0
- package/_buttons.scss +10 -7
- package/_card.scss +21 -13
- package/_close.scss +0 -1
- package/_custom-forms.scss +13 -11
- package/_dropdown.scss +2 -1
- package/_forms.scss +12 -3
- package/_functions.scss +14 -7
- package/_grid.scss +10 -6
- package/_input-group.scss +2 -1
- package/_list-group.scss +9 -13
- package/_modal.scss +2 -1
- package/_nav.scss +3 -0
- package/_pagination.scss +1 -0
- package/_progress.scss +1 -0
- package/_reboot.scss +11 -13
- package/_spinners.scss +1 -0
- package/_toasts.scss +4 -2
- package/_utilities.scss +2 -1
- package/_variables.scss +10 -13
- package/bootstrap-grid.scss +4 -4
- package/bootstrap-reboot.scss +4 -4
- package/bootstrap.scss +4 -4
- package/mixins/_background-variant.scss +2 -1
- package/mixins/_border-radius.scss +26 -13
- package/mixins/_buttons.scss +6 -6
- package/mixins/_forms.scss +3 -2
- package/mixins/_grid-framework.scss +24 -15
- package/mixins/_grid.scss +7 -7
- package/mixins/_transition.scss +17 -7
- package/package.json +1 -1
- package/utilities/_background.scss +1 -1
- package/utilities/_interactions.scss +5 -0
package/LICENSE
CHANGED
@@ -1,22 +1,22 @@
|
|
1
|
-
The MIT License (MIT)
|
2
|
-
|
3
|
-
Copyright (c) 2011-
|
4
|
-
Copyright (c) 2011-
|
5
|
-
|
6
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
of this software and associated documentation files (the "Software"), to deal
|
8
|
-
in the Software without restriction, including without limitation the rights
|
9
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
copies of the Software, and to permit persons to whom the Software is
|
11
|
-
furnished to do so, subject to the following conditions:
|
12
|
-
|
13
|
-
The above copyright notice and this permission notice shall be included in
|
14
|
-
all copies or substantial portions of the Software.
|
15
|
-
|
16
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
22
|
-
THE SOFTWARE.
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2011-2020 Twitter, Inc.
|
4
|
+
Copyright (c) 2011-2020 The Bootstrap Authors
|
5
|
+
|
6
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
+
of this software and associated documentation files (the "Software"), to deal
|
8
|
+
in the Software without restriction, including without limitation the rights
|
9
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
+
copies of the Software, and to permit persons to whom the Software is
|
11
|
+
furnished to do so, subject to the following conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be included in
|
14
|
+
all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
22
|
+
THE SOFTWARE.
|
package/README.md
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
<p align="center">
|
6
6
|
<a href="https://getbootstrap.com/">
|
7
|
-
<img src="https://getbootstrap.com/docs/4.
|
7
|
+
<img src="https://getbootstrap.com/docs/4.5/assets/brand/bootstrap-solid.svg" alt="Bootstrap logo" width="72" height="72">
|
8
8
|
</a>
|
9
9
|
</p>
|
10
10
|
|
@@ -13,7 +13,7 @@
|
|
13
13
|
<p align="center">
|
14
14
|
Sleek, intuitive, and powerful front-end framework for faster and easier web development.
|
15
15
|
<br>
|
16
|
-
<a href="https://getbootstrap.com/docs/4.
|
16
|
+
<a href="https://getbootstrap.com/docs/4.5/"><strong>Explore Bootstrap docs »</strong></a>
|
17
17
|
<br>
|
18
18
|
<br>
|
19
19
|
<a href="https://github.com/twbs/bootstrap/issues/new?template=bug.md">Report bug</a>
|
@@ -40,10 +40,10 @@
|
|
40
40
|
|
41
41
|
Several quick start options are available:
|
42
42
|
|
43
|
-
- Install with [npm](https://www.npmjs.com/): `npm install bootstrap-scss@4.
|
44
|
-
- Install with [yarn](https://yarnpkg.com/): `yarn add bootstrap-scss@4.
|
43
|
+
- Install with [npm](https://www.npmjs.com/): `npm install bootstrap-scss@4.5.2`
|
44
|
+
- Install with [yarn](https://yarnpkg.com/): `yarn add bootstrap-scss@4.5.2`
|
45
45
|
|
46
|
-
Read the [Getting started page](https://getbootstrap.com/docs/4.
|
46
|
+
Read the [Getting started page](https://getbootstrap.com/docs/4.5/getting-started/introduction/) for information on the framework contents, templates and examples, and more.
|
47
47
|
|
48
48
|
## Status
|
49
49
|
|
@@ -76,8 +76,8 @@ For simplicity, this project will use the same version numbers as Bootstrap.
|
|
76
76
|
|
77
77
|
## Changelog
|
78
78
|
|
79
|
-
https://blog.getbootstrap.com/
|
79
|
+
https://blog.getbootstrap.com/2020/08/06/bootstrap-4-5-2/
|
80
80
|
|
81
81
|
## Copyright and license
|
82
82
|
|
83
|
-
Code and documentation copyright 2011-
|
83
|
+
Code and documentation copyright 2011-2020 the [Bootstrap Authors](https://github.com/twbs/bootstrap/graphs/contributors) and [Twitter, Inc.](https://twitter.com) Code released under the [MIT License](https://github.com/twbs/bootstrap/blob/master/LICENSE).
|
package/_breadcrumb.scss
CHANGED
package/_buttons.scss
CHANGED
@@ -10,9 +10,9 @@
|
|
10
10
|
font-weight: $btn-font-weight;
|
11
11
|
color: $body-color;
|
12
12
|
text-align: center;
|
13
|
+
text-decoration: if($link-decoration == none, null, none);
|
13
14
|
white-space: $btn-white-space;
|
14
15
|
vertical-align: middle;
|
15
|
-
cursor: if($enable-pointer-cursor-for-buttons, pointer, null);
|
16
16
|
user-select: none;
|
17
17
|
background-color: transparent;
|
18
18
|
border: $btn-border-width solid transparent;
|
@@ -37,12 +37,16 @@
|
|
37
37
|
@include box-shadow(none);
|
38
38
|
}
|
39
39
|
|
40
|
-
&:not(:disabled):not(.disabled)
|
41
|
-
|
42
|
-
@include box-shadow($btn-active-box-shadow);
|
40
|
+
&:not(:disabled):not(.disabled) {
|
41
|
+
cursor: if($enable-pointer-cursor-for-buttons, pointer, null);
|
43
42
|
|
44
|
-
&:
|
45
|
-
|
43
|
+
&:active,
|
44
|
+
&.active {
|
45
|
+
@include box-shadow($btn-active-box-shadow);
|
46
|
+
|
47
|
+
&:focus {
|
48
|
+
@include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
|
49
|
+
}
|
46
50
|
}
|
47
51
|
}
|
48
52
|
}
|
@@ -89,7 +93,6 @@ fieldset:disabled a.btn {
|
|
89
93
|
&:focus,
|
90
94
|
&.focus {
|
91
95
|
text-decoration: $link-hover-decoration;
|
92
|
-
box-shadow: none;
|
93
96
|
}
|
94
97
|
|
95
98
|
&:disabled,
|
package/_card.scss
CHANGED
@@ -19,17 +19,27 @@
|
|
19
19
|
margin-left: 0;
|
20
20
|
}
|
21
21
|
|
22
|
-
> .list-group
|
23
|
-
|
24
|
-
|
22
|
+
> .list-group {
|
23
|
+
border-top: inherit;
|
24
|
+
border-bottom: inherit;
|
25
|
+
|
26
|
+
&:first-child {
|
27
|
+
border-top-width: 0;
|
28
|
+
@include border-top-radius($card-inner-border-radius);
|
25
29
|
}
|
26
|
-
}
|
27
30
|
|
28
|
-
|
29
|
-
|
30
|
-
@include border-bottom-radius($card-border-radius);
|
31
|
+
&:last-child {
|
32
|
+
border-bottom-width: 0;
|
33
|
+
@include border-bottom-radius($card-inner-border-radius);
|
31
34
|
}
|
32
35
|
}
|
36
|
+
|
37
|
+
// Due to specificity of the above selector (`.card > .list-group`), we must
|
38
|
+
// use a child selector here to prevent double borders.
|
39
|
+
> .card-header + .list-group,
|
40
|
+
> .list-group + .card-footer {
|
41
|
+
border-top: 0;
|
42
|
+
}
|
33
43
|
}
|
34
44
|
|
35
45
|
.card-body {
|
@@ -80,16 +90,11 @@
|
|
80
90
|
&:first-child {
|
81
91
|
@include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
|
82
92
|
}
|
83
|
-
|
84
|
-
+ .list-group {
|
85
|
-
.list-group-item:first-child {
|
86
|
-
border-top: 0;
|
87
|
-
}
|
88
|
-
}
|
89
93
|
}
|
90
94
|
|
91
95
|
.card-footer {
|
92
96
|
padding: $card-spacer-y $card-spacer-x;
|
97
|
+
color: $card-cap-color;
|
93
98
|
background-color: $card-cap-bg;
|
94
99
|
border-top: $card-border-width solid $card-border-color;
|
95
100
|
|
@@ -123,6 +128,7 @@
|
|
123
128
|
bottom: 0;
|
124
129
|
left: 0;
|
125
130
|
padding: $card-img-overlay-padding;
|
131
|
+
@include border-radius($card-inner-border-radius);
|
126
132
|
}
|
127
133
|
|
128
134
|
.card-img,
|
@@ -258,6 +264,8 @@
|
|
258
264
|
//
|
259
265
|
|
260
266
|
.accordion {
|
267
|
+
overflow-anchor: none;
|
268
|
+
|
261
269
|
> .card {
|
262
270
|
overflow: hidden;
|
263
271
|
|
package/_close.scss
CHANGED
package/_custom-forms.scss
CHANGED
@@ -9,6 +9,7 @@
|
|
9
9
|
|
10
10
|
.custom-control {
|
11
11
|
position: relative;
|
12
|
+
z-index: 1;
|
12
13
|
display: block;
|
13
14
|
min-height: $font-size-base * $line-height-base;
|
14
15
|
padding-left: $custom-control-gutter + $custom-control-indicator-size;
|
@@ -54,9 +55,9 @@
|
|
54
55
|
@include box-shadow($custom-control-indicator-active-box-shadow);
|
55
56
|
}
|
56
57
|
|
57
|
-
// Use disabled
|
58
|
-
|
59
|
-
|
58
|
+
// Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247
|
59
|
+
&[disabled],
|
60
|
+
&:disabled {
|
60
61
|
~ .custom-control-label {
|
61
62
|
color: $custom-control-label-disabled-color;
|
62
63
|
|
@@ -135,10 +136,10 @@
|
|
135
136
|
|
136
137
|
.custom-control-input:disabled {
|
137
138
|
&:checked ~ .custom-control-label::before {
|
138
|
-
|
139
|
+
@include gradient-bg($custom-control-indicator-checked-disabled-bg);
|
139
140
|
}
|
140
141
|
&:indeterminate ~ .custom-control-label::before {
|
141
|
-
|
142
|
+
@include gradient-bg($custom-control-indicator-checked-disabled-bg);
|
142
143
|
}
|
143
144
|
}
|
144
145
|
}
|
@@ -161,7 +162,7 @@
|
|
161
162
|
|
162
163
|
.custom-control-input:disabled {
|
163
164
|
&:checked ~ .custom-control-label::before {
|
164
|
-
|
165
|
+
@include gradient-bg($custom-control-indicator-checked-disabled-bg);
|
165
166
|
}
|
166
167
|
}
|
167
168
|
}
|
@@ -204,7 +205,7 @@
|
|
204
205
|
|
205
206
|
.custom-control-input:disabled {
|
206
207
|
&:checked ~ .custom-control-label::before {
|
207
|
-
|
208
|
+
@include gradient-bg($custom-control-indicator-checked-disabled-bg);
|
208
209
|
}
|
209
210
|
}
|
210
211
|
}
|
@@ -237,8 +238,9 @@
|
|
237
238
|
border-color: $custom-select-focus-border-color;
|
238
239
|
outline: 0;
|
239
240
|
@if $enable-shadows {
|
240
|
-
box-shadow
|
241
|
+
@include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);
|
241
242
|
} @else {
|
243
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
242
244
|
box-shadow: $custom-select-focus-box-shadow;
|
243
245
|
}
|
244
246
|
|
@@ -319,9 +321,9 @@
|
|
319
321
|
box-shadow: $custom-file-focus-box-shadow;
|
320
322
|
}
|
321
323
|
|
322
|
-
// Use disabled
|
323
|
-
|
324
|
-
|
324
|
+
// Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247
|
325
|
+
&[disabled] ~ .custom-file-label,
|
326
|
+
&:disabled ~ .custom-file-label {
|
325
327
|
background-color: $custom-file-disabled-bg;
|
326
328
|
}
|
327
329
|
|
package/_dropdown.scss
CHANGED
@@ -128,6 +128,7 @@
|
|
128
128
|
font-weight: $font-weight-normal;
|
129
129
|
color: $dropdown-link-color;
|
130
130
|
text-align: inherit; // For `<button>`s
|
131
|
+
text-decoration: if($link-decoration == none, null, none);
|
131
132
|
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
132
133
|
background-color: transparent; // For `<button>`s
|
133
134
|
border: 0; // For `<button>`s
|
@@ -176,7 +177,7 @@
|
|
176
177
|
// Dropdown section headers
|
177
178
|
.dropdown-header {
|
178
179
|
display: block;
|
179
|
-
padding: $dropdown-
|
180
|
+
padding: $dropdown-header-padding;
|
180
181
|
margin-bottom: 0; // for use with heading elements
|
181
182
|
@include font-size($font-size-sm);
|
182
183
|
color: $dropdown-header-color;
|
package/_forms.scss
CHANGED
@@ -59,6 +59,15 @@
|
|
59
59
|
}
|
60
60
|
}
|
61
61
|
|
62
|
+
input[type="date"],
|
63
|
+
input[type="time"],
|
64
|
+
input[type="datetime-local"],
|
65
|
+
input[type="month"] {
|
66
|
+
&.form-control {
|
67
|
+
appearance: none; // Fix appearance for date inputs in Safari
|
68
|
+
}
|
69
|
+
}
|
70
|
+
|
62
71
|
select.form-control {
|
63
72
|
&:focus::-ms-value {
|
64
73
|
// Suppress the nested default white text on blue background highlight given to
|
@@ -216,9 +225,9 @@ textarea.form-control {
|
|
216
225
|
margin-top: $form-check-input-margin-y;
|
217
226
|
margin-left: -$form-check-input-gutter;
|
218
227
|
|
219
|
-
// Use disabled
|
220
|
-
|
221
|
-
|
228
|
+
// Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247
|
229
|
+
&[disabled] ~ .form-check-label,
|
230
|
+
&:disabled ~ .form-check-label {
|
222
231
|
color: $text-muted;
|
223
232
|
}
|
224
233
|
}
|
package/_functions.scss
CHANGED
@@ -23,10 +23,12 @@
|
|
23
23
|
// Starts at zero
|
24
24
|
// Used to ensure the min-width of the lowest breakpoint starts at 0.
|
25
25
|
@mixin _assert-starts-at-zero($map, $map-name: "$grid-breakpoints") {
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
@
|
26
|
+
@if length($map) > 0 {
|
27
|
+
$values: map-values($map);
|
28
|
+
$first-value: nth($values, 1);
|
29
|
+
@if $first-value != 0 {
|
30
|
+
@warn "First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.";
|
31
|
+
}
|
30
32
|
}
|
31
33
|
}
|
32
34
|
|
@@ -52,7 +54,12 @@
|
|
52
54
|
@function escape-svg($string) {
|
53
55
|
@if str-index($string, "data:image/svg+xml") {
|
54
56
|
@each $char, $encoded in $escaped-characters {
|
55
|
-
|
57
|
+
// Do not escape the url brackets
|
58
|
+
@if str-index($string, "url(") == 1 {
|
59
|
+
$string: url("#{str-replace(str-slice($string, 6, -3), $char, $encoded)}");
|
60
|
+
} @else {
|
61
|
+
$string: str-replace($string, $char, $encoded);
|
62
|
+
}
|
56
63
|
}
|
57
64
|
}
|
58
65
|
|
@@ -110,7 +117,7 @@
|
|
110
117
|
@return $value1 + $value2;
|
111
118
|
}
|
112
119
|
|
113
|
-
@return if($return-calc == true, calc(#{$value1} + #{$value2}),
|
120
|
+
@return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(" + ") + $value2);
|
114
121
|
}
|
115
122
|
|
116
123
|
@function subtract($value1, $value2, $return-calc: true) {
|
@@ -130,5 +137,5 @@
|
|
130
137
|
@return $value1 - $value2;
|
131
138
|
}
|
132
139
|
|
133
|
-
@return if($return-calc == true, calc(#{$value1} - #{$value2}),
|
140
|
+
@return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(" - ") + $value2);
|
134
141
|
}
|
package/_grid.scss
CHANGED
@@ -4,11 +4,7 @@
|
|
4
4
|
|
5
5
|
@if $enable-grid-classes {
|
6
6
|
// Single container class with breakpoint max-widths
|
7
|
-
.container
|
8
|
-
@include make-container();
|
9
|
-
@include make-container-max-widths();
|
10
|
-
}
|
11
|
-
|
7
|
+
.container,
|
12
8
|
// 100% wide container at all breakpoints
|
13
9
|
.container-fluid {
|
14
10
|
@include make-container();
|
@@ -25,11 +21,19 @@
|
|
25
21
|
max-width: $container-max-width;
|
26
22
|
}
|
27
23
|
|
24
|
+
// Extend each breakpoint which is smaller or equal to the current breakpoint
|
25
|
+
$extend-breakpoint: true;
|
26
|
+
|
28
27
|
@each $name, $width in $grid-breakpoints {
|
29
|
-
@if ($
|
28
|
+
@if ($extend-breakpoint) {
|
30
29
|
.container#{breakpoint-infix($name, $grid-breakpoints)} {
|
31
30
|
@extend %responsive-container-#{$breakpoint};
|
32
31
|
}
|
32
|
+
|
33
|
+
// Once the current breakpoint is reached, stop extending
|
34
|
+
@if ($breakpoint == $name) {
|
35
|
+
$extend-breakpoint: false;
|
36
|
+
}
|
33
37
|
}
|
34
38
|
}
|
35
39
|
}
|
package/_input-group.scss
CHANGED
@@ -16,7 +16,8 @@
|
|
16
16
|
> .custom-select,
|
17
17
|
> .custom-file {
|
18
18
|
position: relative; // For focus state's z-index
|
19
|
-
flex: 1 1
|
19
|
+
flex: 1 1 auto;
|
20
|
+
width: 1%;
|
20
21
|
min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size
|
21
22
|
margin-bottom: 0;
|
22
23
|
|
package/_list-group.scss
CHANGED
@@ -9,6 +9,7 @@
|
|
9
9
|
// No need to set list-style: none; since .list-group-item is block level
|
10
10
|
padding-left: 0; // reset padding because ul and ol
|
11
11
|
margin-bottom: 0;
|
12
|
+
@include border-radius($list-group-border-radius);
|
12
13
|
}
|
13
14
|
|
14
15
|
|
@@ -46,15 +47,16 @@
|
|
46
47
|
display: block;
|
47
48
|
padding: $list-group-item-padding-y $list-group-item-padding-x;
|
48
49
|
color: $list-group-color;
|
50
|
+
text-decoration: if($link-decoration == none, null, none);
|
49
51
|
background-color: $list-group-bg;
|
50
52
|
border: $list-group-border-width solid $list-group-border-color;
|
51
53
|
|
52
54
|
&:first-child {
|
53
|
-
@include border-top-radius(
|
55
|
+
@include border-top-radius(inherit);
|
54
56
|
}
|
55
57
|
|
56
58
|
&:last-child {
|
57
|
-
@include border-bottom-radius(
|
59
|
+
@include border-bottom-radius(inherit);
|
58
60
|
}
|
59
61
|
|
60
62
|
&.disabled,
|
@@ -94,7 +96,7 @@
|
|
94
96
|
.list-group-horizontal#{$infix} {
|
95
97
|
flex-direction: row;
|
96
98
|
|
97
|
-
.list-group-item {
|
99
|
+
> .list-group-item {
|
98
100
|
&:first-child {
|
99
101
|
@include border-bottom-left-radius($list-group-border-radius);
|
100
102
|
@include border-top-right-radius(0);
|
@@ -130,18 +132,12 @@
|
|
130
132
|
// useful within other components (e.g., cards).
|
131
133
|
|
132
134
|
.list-group-flush {
|
133
|
-
|
134
|
-
border-right-width: 0;
|
135
|
-
border-left-width: 0;
|
136
|
-
@include border-radius(0);
|
135
|
+
@include border-radius(0);
|
137
136
|
|
138
|
-
|
139
|
-
|
140
|
-
}
|
141
|
-
}
|
137
|
+
> .list-group-item {
|
138
|
+
border-width: 0 0 $list-group-border-width;
|
142
139
|
|
143
|
-
|
144
|
-
.list-group-item:last-child {
|
140
|
+
&:last-child {
|
145
141
|
border-bottom-width: 0;
|
146
142
|
}
|
147
143
|
}
|
package/_modal.scss
CHANGED
@@ -83,6 +83,7 @@
|
|
83
83
|
&::before {
|
84
84
|
display: block; // IE10
|
85
85
|
height: subtract(100vh, $modal-dialog-margin * 2);
|
86
|
+
height: min-content; // Reset height to 0 except on IE
|
86
87
|
content: "";
|
87
88
|
}
|
88
89
|
|
@@ -181,7 +182,6 @@
|
|
181
182
|
// Place margin between footer elements
|
182
183
|
// This solution is far from ideal because of the universal selector usage,
|
183
184
|
// but is needed to fix https://github.com/twbs/bootstrap/issues/24800
|
184
|
-
// stylelint-disable-next-line selector-max-universal
|
185
185
|
> * {
|
186
186
|
margin: $modal-footer-margin-between / 2;
|
187
187
|
}
|
@@ -217,6 +217,7 @@
|
|
217
217
|
|
218
218
|
&::before {
|
219
219
|
height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);
|
220
|
+
height: min-content;
|
220
221
|
}
|
221
222
|
}
|
222
223
|
|
package/_nav.scss
CHANGED
@@ -14,6 +14,7 @@
|
|
14
14
|
.nav-link {
|
15
15
|
display: block;
|
16
16
|
padding: $nav-link-padding-y $nav-link-padding-x;
|
17
|
+
text-decoration: if($link-decoration == none, null, none);
|
17
18
|
|
18
19
|
@include hover-focus() {
|
19
20
|
text-decoration: none;
|
@@ -91,6 +92,7 @@
|
|
91
92
|
//
|
92
93
|
|
93
94
|
.nav-fill {
|
95
|
+
> .nav-link,
|
94
96
|
.nav-item {
|
95
97
|
flex: 1 1 auto;
|
96
98
|
text-align: center;
|
@@ -98,6 +100,7 @@
|
|
98
100
|
}
|
99
101
|
|
100
102
|
.nav-justified {
|
103
|
+
> .nav-link,
|
101
104
|
.nav-item {
|
102
105
|
flex-basis: 0;
|
103
106
|
flex-grow: 1;
|
package/_pagination.scss
CHANGED
@@ -11,6 +11,7 @@
|
|
11
11
|
margin-left: -$pagination-border-width;
|
12
12
|
line-height: $pagination-line-height;
|
13
13
|
color: $pagination-color;
|
14
|
+
text-decoration: if($link-decoration == none, null, none);
|
14
15
|
background-color: $pagination-bg;
|
15
16
|
border: $pagination-border-width solid $pagination-border-color;
|
16
17
|
|
package/_progress.scss
CHANGED
package/_reboot.scss
CHANGED
@@ -199,7 +199,7 @@ a {
|
|
199
199
|
// causes specificity issues in many other styles that are too complex to fix.
|
200
200
|
// See https://github.com/twbs/bootstrap/issues/19402
|
201
201
|
|
202
|
-
a:not([href]) {
|
202
|
+
a:not([href]):not([class]) {
|
203
203
|
color: inherit;
|
204
204
|
text-decoration: none;
|
205
205
|
|
@@ -229,6 +229,9 @@ pre {
|
|
229
229
|
margin-bottom: 1rem;
|
230
230
|
// Don't allow content to break outside
|
231
231
|
overflow: auto;
|
232
|
+
// Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,
|
233
|
+
// making it impossible to interact with the content
|
234
|
+
-ms-overflow-style: scrollbar;
|
232
235
|
}
|
233
236
|
|
234
237
|
|
@@ -330,6 +333,13 @@ select {
|
|
330
333
|
text-transform: none; // Remove the inheritance of text transform in Firefox
|
331
334
|
}
|
332
335
|
|
336
|
+
// Set the cursor for non-`<button>` buttons
|
337
|
+
//
|
338
|
+
// Details at https://github.com/twbs/bootstrap/pull/30562
|
339
|
+
[role="button"] {
|
340
|
+
cursor: pointer;
|
341
|
+
}
|
342
|
+
|
333
343
|
// Remove the inheritance of word-wrap in Safari.
|
334
344
|
//
|
335
345
|
// Details at https://github.com/twbs/bootstrap/issues/24990
|
@@ -376,18 +386,6 @@ input[type="checkbox"] {
|
|
376
386
|
}
|
377
387
|
|
378
388
|
|
379
|
-
input[type="date"],
|
380
|
-
input[type="time"],
|
381
|
-
input[type="datetime-local"],
|
382
|
-
input[type="month"] {
|
383
|
-
// Remove the default appearance of temporal inputs to avoid a Mobile Safari
|
384
|
-
// bug where setting a custom line-height prevents text from being vertically
|
385
|
-
// centered within the input.
|
386
|
-
// See https://bugs.webkit.org/show_bug.cgi?id=139848
|
387
|
-
// and https://github.com/twbs/bootstrap/issues/11266
|
388
|
-
-webkit-appearance: listbox;
|
389
|
-
}
|
390
|
-
|
391
389
|
textarea {
|
392
390
|
overflow: auto; // Remove the default vertical scrollbar in IE.
|
393
391
|
// Textareas should really only resize vertically so they don't break their (horizontal) containers.
|
package/_spinners.scss
CHANGED
package/_toasts.scss
CHANGED
@@ -1,13 +1,14 @@
|
|
1
1
|
.toast {
|
2
|
+
// Prevents from shrinking in IE11, when in a flex container
|
3
|
+
// See https://github.com/twbs/bootstrap/issues/28341
|
4
|
+
flex-basis: $toast-max-width;
|
2
5
|
max-width: $toast-max-width;
|
3
|
-
overflow: hidden; // cheap rounded corners on nested items
|
4
6
|
@include font-size($toast-font-size);
|
5
7
|
color: $toast-color;
|
6
8
|
background-color: $toast-background-color;
|
7
9
|
background-clip: padding-box;
|
8
10
|
border: $toast-border-width solid $toast-border-color;
|
9
11
|
box-shadow: $toast-box-shadow;
|
10
|
-
backdrop-filter: blur(10px);
|
11
12
|
opacity: 0;
|
12
13
|
@include border-radius($toast-border-radius);
|
13
14
|
|
@@ -37,6 +38,7 @@
|
|
37
38
|
background-color: $toast-header-background-color;
|
38
39
|
background-clip: padding-box;
|
39
40
|
border-bottom: $toast-border-width solid $toast-header-border-color;
|
41
|
+
@include border-top-radius(subtract($toast-border-radius, $toast-border-width));
|
40
42
|
}
|
41
43
|
|
42
44
|
.toast-body {
|
package/_utilities.scss
CHANGED
@@ -6,12 +6,13 @@
|
|
6
6
|
@import "utilities/embed";
|
7
7
|
@import "utilities/flex";
|
8
8
|
@import "utilities/float";
|
9
|
+
@import "utilities/interactions";
|
9
10
|
@import "utilities/overflow";
|
10
11
|
@import "utilities/position";
|
11
12
|
@import "utilities/screenreaders";
|
12
13
|
@import "utilities/shadows";
|
13
14
|
@import "utilities/sizing";
|
14
|
-
@import "utilities/stretched-link";
|
15
15
|
@import "utilities/spacing";
|
16
|
+
@import "utilities/stretched-link";
|
16
17
|
@import "utilities/text";
|
17
18
|
@import "utilities/visibility";
|
package/_variables.scss
CHANGED
@@ -18,7 +18,6 @@ $gray-900: #212529 !default;
|
|
18
18
|
$black: #000 !default;
|
19
19
|
|
20
20
|
$grays: () !default;
|
21
|
-
// stylelint-disable-next-line scss/dollar-variable-default
|
22
21
|
$grays: map-merge(
|
23
22
|
(
|
24
23
|
"100": $gray-100,
|
@@ -46,7 +45,6 @@ $teal: #20c997 !default;
|
|
46
45
|
$cyan: #17a2b8 !default;
|
47
46
|
|
48
47
|
$colors: () !default;
|
49
|
-
// stylelint-disable-next-line scss/dollar-variable-default
|
50
48
|
$colors: map-merge(
|
51
49
|
(
|
52
50
|
"blue": $blue,
|
@@ -76,7 +74,6 @@ $light: $gray-100 !default;
|
|
76
74
|
$dark: $gray-800 !default;
|
77
75
|
|
78
76
|
$theme-colors: () !default;
|
79
|
-
// stylelint-disable-next-line scss/dollar-variable-default
|
80
77
|
$theme-colors: map-merge(
|
81
78
|
(
|
82
79
|
"primary": $primary,
|
@@ -103,9 +100,11 @@ $yiq-text-light: $white !default;
|
|
103
100
|
|
104
101
|
// Characters which are escaped by the escape-svg function
|
105
102
|
$escaped-characters: (
|
106
|
-
("<","%3c"),
|
107
|
-
(">","%3e"),
|
108
|
-
("#","%23"),
|
103
|
+
("<", "%3c"),
|
104
|
+
(">", "%3e"),
|
105
|
+
("#", "%23"),
|
106
|
+
("(", "%28"),
|
107
|
+
(")", "%29"),
|
109
108
|
) !default;
|
110
109
|
|
111
110
|
|
@@ -136,7 +135,6 @@ $enable-deprecation-messages: true !default;
|
|
136
135
|
|
137
136
|
$spacer: 1rem !default;
|
138
137
|
$spacers: () !default;
|
139
|
-
// stylelint-disable-next-line scss/dollar-variable-default
|
140
138
|
$spacers: map-merge(
|
141
139
|
(
|
142
140
|
0: 0,
|
@@ -151,7 +149,6 @@ $spacers: map-merge(
|
|
151
149
|
|
152
150
|
// This variable affects the `.h-*` and `.w-*` classes.
|
153
151
|
$sizes: () !default;
|
154
|
-
// stylelint-disable-next-line scss/dollar-variable-default
|
155
152
|
$sizes: map-merge(
|
156
153
|
(
|
157
154
|
25: 25%,
|
@@ -262,7 +259,6 @@ $transition-fade: opacity .15s linear !default;
|
|
262
259
|
$transition-collapse: height .35s ease !default;
|
263
260
|
|
264
261
|
$embed-responsive-aspect-ratios: () !default;
|
265
|
-
// stylelint-disable-next-line scss/dollar-variable-default
|
266
262
|
$embed-responsive-aspect-ratios: join(
|
267
263
|
(
|
268
264
|
(21 9),
|
@@ -544,7 +540,7 @@ $custom-control-label-disabled-color: $gray-600 !default;
|
|
544
540
|
$custom-control-indicator-checked-color: $component-active-color !default;
|
545
541
|
$custom-control-indicator-checked-bg: $component-active-bg !default;
|
546
542
|
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default;
|
547
|
-
$custom-control-indicator-checked-box-shadow:
|
543
|
+
$custom-control-indicator-checked-box-shadow: null !default;
|
548
544
|
$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
|
549
545
|
|
550
546
|
$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;
|
@@ -552,7 +548,7 @@ $custom-control-indicator-focus-border-color: $input-focus-border-color !defau
|
|
552
548
|
|
553
549
|
$custom-control-indicator-active-color: $component-active-color !default;
|
554
550
|
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;
|
555
|
-
$custom-control-indicator-active-box-shadow:
|
551
|
+
$custom-control-indicator-active-box-shadow: null !default;
|
556
552
|
$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;
|
557
553
|
|
558
554
|
$custom-checkbox-indicator-border-radius: $border-radius !default;
|
@@ -561,7 +557,7 @@ $custom-checkbox-indicator-icon-checked: url("data:image/svg+xml,<svg xml
|
|
561
557
|
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
|
562
558
|
$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
|
563
559
|
$custom-checkbox-indicator-icon-indeterminate: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>") !default;
|
564
|
-
$custom-checkbox-indicator-indeterminate-box-shadow:
|
560
|
+
$custom-checkbox-indicator-indeterminate-box-shadow: null !default;
|
565
561
|
$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
|
566
562
|
|
567
563
|
$custom-radio-indicator-border-radius: 50% !default;
|
@@ -666,7 +662,6 @@ $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
|
|
666
662
|
$form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>") !default;
|
667
663
|
|
668
664
|
$form-validation-states: () !default;
|
669
|
-
// stylelint-disable-next-line scss/dollar-variable-default
|
670
665
|
$form-validation-states: map-merge(
|
671
666
|
(
|
672
667
|
"valid": (
|
@@ -786,6 +781,7 @@ $dropdown-item-padding-y: .25rem !default;
|
|
786
781
|
$dropdown-item-padding-x: 1.5rem !default;
|
787
782
|
|
788
783
|
$dropdown-header-color: $gray-600 !default;
|
784
|
+
$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;
|
789
785
|
|
790
786
|
|
791
787
|
// Pagination
|
@@ -1135,6 +1131,7 @@ $pre-scrollable-max-height: 340px !default;
|
|
1135
1131
|
$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
|
1136
1132
|
$overflows: auto, hidden !default;
|
1137
1133
|
$positions: static, relative, absolute, fixed, sticky !default;
|
1134
|
+
$user-selects: all, auto, none !default;
|
1138
1135
|
|
1139
1136
|
|
1140
1137
|
// Printing
|
package/bootstrap-grid.scss
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap Grid v4.
|
3
|
-
* Copyright 2011-
|
4
|
-
* Copyright 2011-
|
5
|
-
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/
|
2
|
+
* Bootstrap Grid v4.5.2 (https://getbootstrap.com/)
|
3
|
+
* Copyright 2011-2020 The Bootstrap Authors
|
4
|
+
* Copyright 2011-2020 Twitter, Inc.
|
5
|
+
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
6
6
|
*/
|
7
7
|
|
8
8
|
html {
|
package/bootstrap-reboot.scss
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap Reboot v4.
|
3
|
-
* Copyright 2011-
|
4
|
-
* Copyright 2011-
|
5
|
-
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/
|
2
|
+
* Bootstrap Reboot v4.5.2 (https://getbootstrap.com/)
|
3
|
+
* Copyright 2011-2020 The Bootstrap Authors
|
4
|
+
* Copyright 2011-2020 Twitter, Inc.
|
5
|
+
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
6
6
|
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
7
7
|
*/
|
8
8
|
|
package/bootstrap.scss
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap v4.
|
3
|
-
* Copyright 2011-
|
4
|
-
* Copyright 2011-
|
5
|
-
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/
|
2
|
+
* Bootstrap v4.5.2 (https://getbootstrap.com/)
|
3
|
+
* Copyright 2011-2020 The Bootstrap Authors
|
4
|
+
* Copyright 2011-2020 Twitter, Inc.
|
5
|
+
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
6
6
|
*/
|
7
7
|
|
8
8
|
@import "functions";
|
@@ -15,8 +15,9 @@
|
|
15
15
|
@include deprecate("The `bg-variant` mixin", "v4.4.0", "v5", $ignore-warning);
|
16
16
|
}
|
17
17
|
|
18
|
-
@mixin bg-gradient-variant($parent, $color) {
|
18
|
+
@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {
|
19
19
|
#{$parent} {
|
20
20
|
background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
|
21
21
|
}
|
22
|
+
@include deprecate("The `bg-gradient-variant` mixin", "v4.5.0", "v5", $ignore-warning);
|
22
23
|
}
|
@@ -1,9 +1,22 @@
|
|
1
1
|
// stylelint-disable property-blacklist
|
2
2
|
// Single side border-radius
|
3
3
|
|
4
|
+
// Helper function to replace negative values with 0
|
5
|
+
@function valid-radius($radius) {
|
6
|
+
$return: ();
|
7
|
+
@each $value in $radius {
|
8
|
+
@if type-of($value) == number {
|
9
|
+
$return: append($return, max($value, 0));
|
10
|
+
} @else {
|
11
|
+
$return: append($return, $value);
|
12
|
+
}
|
13
|
+
}
|
14
|
+
@return $return;
|
15
|
+
}
|
16
|
+
|
4
17
|
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
|
5
18
|
@if $enable-rounded {
|
6
|
-
border-radius: $radius;
|
19
|
+
border-radius: valid-radius($radius);
|
7
20
|
}
|
8
21
|
@else if $fallback-border-radius != false {
|
9
22
|
border-radius: $fallback-border-radius;
|
@@ -12,52 +25,52 @@
|
|
12
25
|
|
13
26
|
@mixin border-top-radius($radius) {
|
14
27
|
@if $enable-rounded {
|
15
|
-
border-top-left-radius: $radius;
|
16
|
-
border-top-right-radius: $radius;
|
28
|
+
border-top-left-radius: valid-radius($radius);
|
29
|
+
border-top-right-radius: valid-radius($radius);
|
17
30
|
}
|
18
31
|
}
|
19
32
|
|
20
33
|
@mixin border-right-radius($radius) {
|
21
34
|
@if $enable-rounded {
|
22
|
-
border-top-right-radius: $radius;
|
23
|
-
border-bottom-right-radius: $radius;
|
35
|
+
border-top-right-radius: valid-radius($radius);
|
36
|
+
border-bottom-right-radius: valid-radius($radius);
|
24
37
|
}
|
25
38
|
}
|
26
39
|
|
27
40
|
@mixin border-bottom-radius($radius) {
|
28
41
|
@if $enable-rounded {
|
29
|
-
border-bottom-right-radius: $radius;
|
30
|
-
border-bottom-left-radius: $radius;
|
42
|
+
border-bottom-right-radius: valid-radius($radius);
|
43
|
+
border-bottom-left-radius: valid-radius($radius);
|
31
44
|
}
|
32
45
|
}
|
33
46
|
|
34
47
|
@mixin border-left-radius($radius) {
|
35
48
|
@if $enable-rounded {
|
36
|
-
border-top-left-radius: $radius;
|
37
|
-
border-bottom-left-radius: $radius;
|
49
|
+
border-top-left-radius: valid-radius($radius);
|
50
|
+
border-bottom-left-radius: valid-radius($radius);
|
38
51
|
}
|
39
52
|
}
|
40
53
|
|
41
54
|
@mixin border-top-left-radius($radius) {
|
42
55
|
@if $enable-rounded {
|
43
|
-
border-top-left-radius: $radius;
|
56
|
+
border-top-left-radius: valid-radius($radius);
|
44
57
|
}
|
45
58
|
}
|
46
59
|
|
47
60
|
@mixin border-top-right-radius($radius) {
|
48
61
|
@if $enable-rounded {
|
49
|
-
border-top-right-radius: $radius;
|
62
|
+
border-top-right-radius: valid-radius($radius);
|
50
63
|
}
|
51
64
|
}
|
52
65
|
|
53
66
|
@mixin border-bottom-right-radius($radius) {
|
54
67
|
@if $enable-rounded {
|
55
|
-
border-bottom-right-radius: $radius;
|
68
|
+
border-bottom-right-radius: valid-radius($radius);
|
56
69
|
}
|
57
70
|
}
|
58
71
|
|
59
72
|
@mixin border-bottom-left-radius($radius) {
|
60
73
|
@if $enable-rounded {
|
61
|
-
border-bottom-left-radius: $radius;
|
74
|
+
border-bottom-left-radius: valid-radius($radius);
|
62
75
|
}
|
63
76
|
}
|
package/mixins/_buttons.scss
CHANGED
@@ -20,10 +20,10 @@
|
|
20
20
|
color: color-yiq($hover-background);
|
21
21
|
@include gradient-bg($hover-background);
|
22
22
|
border-color: $hover-border;
|
23
|
-
// Avoid using mixin so we can pass custom focus shadow properly
|
24
23
|
@if $enable-shadows {
|
25
|
-
box-shadow
|
24
|
+
@include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));
|
26
25
|
} @else {
|
26
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
27
27
|
box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
28
28
|
}
|
29
29
|
}
|
@@ -51,10 +51,10 @@
|
|
51
51
|
border-color: $active-border;
|
52
52
|
|
53
53
|
&:focus {
|
54
|
-
// Avoid using mixin so we can pass custom focus shadow properly
|
55
54
|
@if $enable-shadows and $btn-active-box-shadow != none {
|
56
|
-
box-shadow
|
55
|
+
@include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));
|
57
56
|
} @else {
|
57
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
58
58
|
box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
59
59
|
}
|
60
60
|
}
|
@@ -90,10 +90,10 @@
|
|
90
90
|
border-color: $active-border;
|
91
91
|
|
92
92
|
&:focus {
|
93
|
-
// Avoid using mixin so we can pass custom focus shadow properly
|
94
93
|
@if $enable-shadows and $btn-active-box-shadow != none {
|
95
|
-
box-shadow
|
94
|
+
@include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));
|
96
95
|
} @else {
|
96
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
97
97
|
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
|
98
98
|
}
|
99
99
|
}
|
package/mixins/_forms.scss
CHANGED
@@ -16,10 +16,10 @@
|
|
16
16
|
background-color: $input-focus-bg;
|
17
17
|
border-color: $input-focus-border-color;
|
18
18
|
outline: 0;
|
19
|
-
// Avoid using mixin so we can pass custom focus shadow properly
|
20
19
|
@if $enable-shadows {
|
21
|
-
box-shadow
|
20
|
+
@include box-shadow($input-box-shadow, $input-focus-box-shadow);
|
22
21
|
} @else {
|
22
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
23
23
|
box-shadow: $input-focus-box-shadow;
|
24
24
|
}
|
25
25
|
}
|
@@ -53,6 +53,7 @@
|
|
53
53
|
.#{$state}-tooltip {
|
54
54
|
position: absolute;
|
55
55
|
top: 100%;
|
56
|
+
left: 0;
|
56
57
|
z-index: 5;
|
57
58
|
display: none;
|
58
59
|
max-width: 100%; // Contain to parent when possible
|
@@ -15,12 +15,15 @@
|
|
15
15
|
@each $breakpoint in map-keys($breakpoints) {
|
16
16
|
$infix: breakpoint-infix($breakpoint, $breakpoints);
|
17
17
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
18
|
+
@if $columns > 0 {
|
19
|
+
// Allow columns to stretch full width below their breakpoints
|
20
|
+
@for $i from 1 through $columns {
|
21
|
+
.col#{$infix}-#{$i} {
|
22
|
+
@extend %grid-column;
|
23
|
+
}
|
22
24
|
}
|
23
25
|
}
|
26
|
+
|
24
27
|
.col#{$infix},
|
25
28
|
.col#{$infix}-auto {
|
26
29
|
@extend %grid-column;
|
@@ -34,9 +37,11 @@
|
|
34
37
|
max-width: 100%;
|
35
38
|
}
|
36
39
|
|
37
|
-
@
|
38
|
-
|
39
|
-
|
40
|
+
@if $grid-row-columns > 0 {
|
41
|
+
@for $i from 1 through $grid-row-columns {
|
42
|
+
.row-cols#{$infix}-#{$i} {
|
43
|
+
@include row-cols($i);
|
44
|
+
}
|
40
45
|
}
|
41
46
|
}
|
42
47
|
|
@@ -44,9 +49,11 @@
|
|
44
49
|
@include make-col-auto();
|
45
50
|
}
|
46
51
|
|
47
|
-
@
|
48
|
-
|
49
|
-
|
52
|
+
@if $columns > 0 {
|
53
|
+
@for $i from 1 through $columns {
|
54
|
+
.col#{$infix}-#{$i} {
|
55
|
+
@include make-col($i, $columns);
|
56
|
+
}
|
50
57
|
}
|
51
58
|
}
|
52
59
|
|
@@ -58,11 +65,13 @@
|
|
58
65
|
.order#{$infix}-#{$i} { order: $i; }
|
59
66
|
}
|
60
67
|
|
61
|
-
|
62
|
-
|
63
|
-
@
|
64
|
-
|
65
|
-
|
68
|
+
@if $columns > 0 {
|
69
|
+
// `$columns - 1` because offsetting by the width of an entire row isn't possible
|
70
|
+
@for $i from 0 through ($columns - 1) {
|
71
|
+
@if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
|
72
|
+
.offset#{$infix}-#{$i} {
|
73
|
+
@include make-col-offset($i, $columns);
|
74
|
+
}
|
66
75
|
}
|
67
76
|
}
|
68
77
|
}
|
package/mixins/_grid.scss
CHANGED
@@ -10,6 +10,12 @@
|
|
10
10
|
margin-left: auto;
|
11
11
|
}
|
12
12
|
|
13
|
+
@mixin make-row($gutter: $grid-gutter-width) {
|
14
|
+
display: flex;
|
15
|
+
flex-wrap: wrap;
|
16
|
+
margin-right: -$gutter / 2;
|
17
|
+
margin-left: -$gutter / 2;
|
18
|
+
}
|
13
19
|
|
14
20
|
// For each breakpoint, define the maximum width of the container in a media query
|
15
21
|
@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
|
@@ -18,13 +24,7 @@
|
|
18
24
|
max-width: $container-max-width;
|
19
25
|
}
|
20
26
|
}
|
21
|
-
|
22
|
-
|
23
|
-
@mixin make-row($gutter: $grid-gutter-width) {
|
24
|
-
display: flex;
|
25
|
-
flex-wrap: wrap;
|
26
|
-
margin-right: -$gutter / 2;
|
27
|
-
margin-left: -$gutter / 2;
|
27
|
+
@include deprecate("The `make-container-max-widths` mixin", "v4.5.2", "v5");
|
28
28
|
}
|
29
29
|
|
30
30
|
@mixin make-col-ready($gutter: $grid-gutter-width) {
|
package/mixins/_transition.scss
CHANGED
@@ -1,16 +1,26 @@
|
|
1
1
|
// stylelint-disable property-blacklist
|
2
2
|
@mixin transition($transition...) {
|
3
|
+
@if length($transition) == 0 {
|
4
|
+
$transition: $transition-base;
|
5
|
+
}
|
6
|
+
|
7
|
+
@if length($transition) > 1 {
|
8
|
+
@each $value in $transition {
|
9
|
+
@if $value == null or $value == none {
|
10
|
+
@warn "The keyword 'none' or 'null' must be used as a single argument.";
|
11
|
+
}
|
12
|
+
}
|
13
|
+
}
|
14
|
+
|
3
15
|
@if $enable-transitions {
|
4
|
-
@if
|
5
|
-
transition: $transition-base;
|
6
|
-
} @else {
|
16
|
+
@if nth($transition, 1) != null {
|
7
17
|
transition: $transition;
|
8
18
|
}
|
9
|
-
}
|
10
19
|
|
11
|
-
|
12
|
-
|
13
|
-
|
20
|
+
@if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {
|
21
|
+
@media (prefers-reduced-motion: reduce) {
|
22
|
+
transition: none;
|
23
|
+
}
|
14
24
|
}
|
15
25
|
}
|
16
26
|
}
|
package/package.json
CHANGED