bootstrap-scss 4.5.1 → 4.6.1
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE +2 -2
- package/README.md +7 -7
- package/_alert.scss +1 -0
- package/_breadcrumb.scss +1 -3
- package/_card.scss +9 -9
- package/_carousel.scss +6 -3
- package/_custom-forms.scss +15 -12
- package/_dropdown.scss +2 -2
- package/_forms.scss +10 -10
- package/_functions.scss +50 -1
- package/_images.scss +1 -1
- package/_input-group.scss +22 -3
- package/_jumbotron.scss +1 -1
- package/_list-group.scss +1 -1
- package/_modal.scss +2 -2
- package/_nav.scss +1 -4
- package/_navbar.scss +10 -2
- package/_pagination.scss +2 -2
- package/_popover.scss +9 -9
- package/_print.scss +0 -9
- package/_progress.scss +1 -1
- package/_reboot.scss +16 -12
- package/_root.scss +0 -1
- package/_spinners.scss +15 -6
- package/_tooltip.scss +4 -4
- package/_type.scss +1 -1
- package/_variables.scss +22 -14
- package/bootstrap-grid.scss +4 -3
- package/bootstrap-reboot.scss +3 -3
- package/bootstrap.scss +3 -3
- package/mixins/_border-radius.scss +1 -1
- package/mixins/_forms.scss +20 -3
- package/mixins/_grid-framework.scss +2 -2
- package/mixins/_grid.scss +22 -13
- package/mixins/_image.scss +1 -1
- package/mixins/_screen-reader.scss +2 -2
- package/mixins/_transition.scss +1 -1
- package/package.json +1 -1
- package/utilities/_borders.scss +1 -1
- package/utilities/_embed.scss +1 -1
- package/utilities/_spacing.scss +1 -1
- package/utilities/_text.scss +2 -2
- package/vendor/_rfs.scss +126 -102
package/LICENSE
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
The MIT License (MIT)
|
2
2
|
|
3
|
-
Copyright (c) 2011-
|
4
|
-
Copyright (c) 2011-
|
3
|
+
Copyright (c) 2011-2021 Twitter, Inc.
|
4
|
+
Copyright (c) 2011-2021 The Bootstrap Authors
|
5
5
|
|
6
6
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
7
|
of this software and associated documentation files (the "Software"), to deal
|
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.6/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.6/"><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.6.1`
|
44
|
+
- Install with [yarn](https://yarnpkg.com/): `yarn add bootstrap-scss@4.6.1`
|
45
45
|
|
46
|
-
Read the [Getting started page](https://getbootstrap.com/docs/4.
|
46
|
+
Read the [Getting started page](https://getbootstrap.com/docs/4.6/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/2021/10/28/bootstrap-4.6.1/
|
80
80
|
|
81
81
|
## Copyright and license
|
82
82
|
|
83
|
-
Code and documentation copyright 2011-
|
83
|
+
Code and documentation copyright 2011-2021 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/_alert.scss
CHANGED
package/_breadcrumb.scss
CHANGED
@@ -10,14 +10,12 @@
|
|
10
10
|
}
|
11
11
|
|
12
12
|
.breadcrumb-item {
|
13
|
-
display: flex;
|
14
|
-
|
15
13
|
// The separator between breadcrumbs (by default, a forward-slash: "/")
|
16
14
|
+ .breadcrumb-item {
|
17
15
|
padding-left: $breadcrumb-item-padding;
|
18
16
|
|
19
17
|
&::before {
|
20
|
-
|
18
|
+
float: left; // Suppress inline spacings and underlining of the separator
|
21
19
|
padding-right: $breadcrumb-item-padding;
|
22
20
|
color: $breadcrumb-divider-color;
|
23
21
|
content: escape-svg($breadcrumb-divider);
|
package/_card.scss
CHANGED
@@ -58,7 +58,7 @@
|
|
58
58
|
}
|
59
59
|
|
60
60
|
.card-subtitle {
|
61
|
-
margin-top: -$card-spacer-y
|
61
|
+
margin-top: -$card-spacer-y * .5;
|
62
62
|
margin-bottom: 0;
|
63
63
|
}
|
64
64
|
|
@@ -109,15 +109,15 @@
|
|
109
109
|
//
|
110
110
|
|
111
111
|
.card-header-tabs {
|
112
|
-
margin-right: -$card-spacer-x
|
112
|
+
margin-right: -$card-spacer-x * .5;
|
113
113
|
margin-bottom: -$card-spacer-y;
|
114
|
-
margin-left: -$card-spacer-x
|
114
|
+
margin-left: -$card-spacer-x * .5;
|
115
115
|
border-bottom: 0;
|
116
116
|
}
|
117
117
|
|
118
118
|
.card-header-pills {
|
119
|
-
margin-right: -$card-spacer-x
|
120
|
-
margin-left: -$card-spacer-x
|
119
|
+
margin-right: -$card-spacer-x * .5;
|
120
|
+
margin-left: -$card-spacer-x * .5;
|
121
121
|
}
|
122
122
|
|
123
123
|
// Card image
|
@@ -206,12 +206,12 @@
|
|
206
206
|
|
207
207
|
.card-img-top,
|
208
208
|
.card-header {
|
209
|
-
// stylelint-disable-next-line property-
|
209
|
+
// stylelint-disable-next-line property-disallowed-list
|
210
210
|
border-top-right-radius: 0;
|
211
211
|
}
|
212
212
|
.card-img-bottom,
|
213
213
|
.card-footer {
|
214
|
-
// stylelint-disable-next-line property-
|
214
|
+
// stylelint-disable-next-line property-disallowed-list
|
215
215
|
border-bottom-right-radius: 0;
|
216
216
|
}
|
217
217
|
}
|
@@ -221,12 +221,12 @@
|
|
221
221
|
|
222
222
|
.card-img-top,
|
223
223
|
.card-header {
|
224
|
-
// stylelint-disable-next-line property-
|
224
|
+
// stylelint-disable-next-line property-disallowed-list
|
225
225
|
border-top-left-radius: 0;
|
226
226
|
}
|
227
227
|
.card-img-bottom,
|
228
228
|
.card-footer {
|
229
|
-
// stylelint-disable-next-line property-
|
229
|
+
// stylelint-disable-next-line property-disallowed-list
|
230
230
|
border-bottom-left-radius: 0;
|
231
231
|
}
|
232
232
|
}
|
package/_carousel.scss
CHANGED
@@ -95,8 +95,11 @@
|
|
95
95
|
align-items: center; // 2. vertically center contents
|
96
96
|
justify-content: center; // 3. horizontally center contents
|
97
97
|
width: $carousel-control-width;
|
98
|
+
padding: 0;
|
98
99
|
color: $carousel-control-color;
|
99
100
|
text-align: center;
|
101
|
+
background: none;
|
102
|
+
border: 0;
|
100
103
|
opacity: $carousel-control-opacity;
|
101
104
|
@include transition($carousel-control-transition);
|
102
105
|
|
@@ -127,7 +130,7 @@
|
|
127
130
|
display: inline-block;
|
128
131
|
width: $carousel-control-icon-width;
|
129
132
|
height: $carousel-control-icon-width;
|
130
|
-
background:
|
133
|
+
background: 50% / 100% 100% no-repeat;
|
131
134
|
}
|
132
135
|
.carousel-control-prev-icon {
|
133
136
|
background-image: escape-svg($carousel-control-prev-icon-bg);
|
@@ -186,9 +189,9 @@
|
|
186
189
|
|
187
190
|
.carousel-caption {
|
188
191
|
position: absolute;
|
189
|
-
right: (100% - $carousel-caption-width)
|
192
|
+
right: (100% - $carousel-caption-width) * .5;
|
190
193
|
bottom: 20px;
|
191
|
-
left: (100% - $carousel-caption-width)
|
194
|
+
left: (100% - $carousel-caption-width) * .5;
|
192
195
|
z-index: 10;
|
193
196
|
padding-top: 20px;
|
194
197
|
padding-bottom: 20px;
|
package/_custom-forms.scss
CHANGED
@@ -13,6 +13,7 @@
|
|
13
13
|
display: block;
|
14
14
|
min-height: $font-size-base * $line-height-base;
|
15
15
|
padding-left: $custom-control-gutter + $custom-control-indicator-size;
|
16
|
+
color-adjust: exact; // Keep themed appearance for print
|
16
17
|
}
|
17
18
|
|
18
19
|
.custom-control-inline {
|
@@ -25,7 +26,7 @@
|
|
25
26
|
left: 0;
|
26
27
|
z-index: -1; // Put the input behind the label so it doesn't overlay text
|
27
28
|
width: $custom-control-indicator-size;
|
28
|
-
height: ($font-size-base * $line-height-base + $custom-control-indicator-size)
|
29
|
+
height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;
|
29
30
|
opacity: 0;
|
30
31
|
|
31
32
|
&:checked ~ .custom-control-label::before {
|
@@ -38,7 +39,7 @@
|
|
38
39
|
&:focus ~ .custom-control-label::before {
|
39
40
|
// the mixin is not used here to make sure there is feedback
|
40
41
|
@if $enable-shadows {
|
41
|
-
box-shadow: $input-box-shadow, $
|
42
|
+
box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;
|
42
43
|
} @else {
|
43
44
|
box-shadow: $custom-control-indicator-focus-box-shadow;
|
44
45
|
}
|
@@ -82,7 +83,7 @@
|
|
82
83
|
// Background-color and (when enabled) gradient
|
83
84
|
&::before {
|
84
85
|
position: absolute;
|
85
|
-
top: ($font-size-base * $line-height-base - $custom-control-indicator-size)
|
86
|
+
top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;
|
86
87
|
left: -($custom-control-gutter + $custom-control-indicator-size);
|
87
88
|
display: block;
|
88
89
|
width: $custom-control-indicator-size;
|
@@ -97,13 +98,13 @@
|
|
97
98
|
// Foreground (icon)
|
98
99
|
&::after {
|
99
100
|
position: absolute;
|
100
|
-
top: ($font-size-base * $line-height-base - $custom-control-indicator-size)
|
101
|
+
top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;
|
101
102
|
left: -($custom-control-gutter + $custom-control-indicator-size);
|
102
103
|
display: block;
|
103
104
|
width: $custom-control-indicator-size;
|
104
105
|
height: $custom-control-indicator-size;
|
105
106
|
content: "";
|
106
|
-
background:
|
107
|
+
background: 50% / #{$custom-control-indicator-bg-size} no-repeat;
|
107
108
|
}
|
108
109
|
}
|
109
110
|
|
@@ -150,7 +151,7 @@
|
|
150
151
|
|
151
152
|
.custom-radio {
|
152
153
|
.custom-control-label::before {
|
153
|
-
// stylelint-disable-next-line property-
|
154
|
+
// stylelint-disable-next-line property-disallowed-list
|
154
155
|
border-radius: $custom-radio-indicator-border-radius;
|
155
156
|
}
|
156
157
|
|
@@ -180,17 +181,17 @@
|
|
180
181
|
left: -($custom-switch-width + $custom-control-gutter);
|
181
182
|
width: $custom-switch-width;
|
182
183
|
pointer-events: all;
|
183
|
-
// stylelint-disable-next-line property-
|
184
|
+
// stylelint-disable-next-line property-disallowed-list
|
184
185
|
border-radius: $custom-switch-indicator-border-radius;
|
185
186
|
}
|
186
187
|
|
187
188
|
&::after {
|
188
|
-
top: add(($font-size-base * $line-height-base - $custom-control-indicator-size)
|
189
|
+
top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);
|
189
190
|
left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);
|
190
191
|
width: $custom-switch-indicator-size;
|
191
192
|
height: $custom-switch-indicator-size;
|
192
193
|
background-color: $custom-control-indicator-border-color;
|
193
|
-
// stylelint-disable-next-line property-
|
194
|
+
// stylelint-disable-next-line property-disallowed-list
|
194
195
|
border-radius: $custom-switch-indicator-border-radius;
|
195
196
|
@include transition(transform .15s ease-in-out, $custom-forms-transition);
|
196
197
|
}
|
@@ -314,6 +315,7 @@
|
|
314
315
|
width: 100%;
|
315
316
|
height: $custom-file-height;
|
316
317
|
margin: 0;
|
318
|
+
overflow: hidden;
|
317
319
|
opacity: 0;
|
318
320
|
|
319
321
|
&:focus ~ .custom-file-label {
|
@@ -346,6 +348,7 @@
|
|
346
348
|
z-index: 1;
|
347
349
|
height: $custom-file-height;
|
348
350
|
padding: $custom-file-padding-y $custom-file-padding-x;
|
351
|
+
overflow: hidden;
|
349
352
|
font-family: $custom-file-font-family;
|
350
353
|
font-weight: $custom-file-font-weight;
|
351
354
|
line-height: $custom-file-line-height;
|
@@ -387,7 +390,7 @@
|
|
387
390
|
appearance: none;
|
388
391
|
|
389
392
|
&:focus {
|
390
|
-
outline:
|
393
|
+
outline: 0;
|
391
394
|
|
392
395
|
// Pseudo-elements must be split across multiple rulesets to have an effect.
|
393
396
|
// No box-shadow() mixin for focus accessibility.
|
@@ -403,7 +406,7 @@
|
|
403
406
|
&::-webkit-slider-thumb {
|
404
407
|
width: $custom-range-thumb-width;
|
405
408
|
height: $custom-range-thumb-height;
|
406
|
-
margin-top: ($custom-range-track-height - $custom-range-thumb-height)
|
409
|
+
margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific
|
407
410
|
@include gradient-bg($custom-range-thumb-bg);
|
408
411
|
border: $custom-range-thumb-border;
|
409
412
|
@include border-radius($custom-range-thumb-border-radius);
|
@@ -478,7 +481,7 @@
|
|
478
481
|
cursor: $custom-range-track-cursor;
|
479
482
|
background-color: transparent;
|
480
483
|
border-color: transparent;
|
481
|
-
border-width: $custom-range-thumb-height
|
484
|
+
border-width: $custom-range-thumb-height * .5;
|
482
485
|
@include box-shadow($custom-range-track-box-shadow);
|
483
486
|
}
|
484
487
|
|
package/_dropdown.scss
CHANGED
@@ -22,7 +22,7 @@
|
|
22
22
|
display: none; // none by default, but block on "open" of the menu
|
23
23
|
float: left;
|
24
24
|
min-width: $dropdown-min-width;
|
25
|
-
padding: $dropdown-padding-y
|
25
|
+
padding: $dropdown-padding-y $dropdown-padding-x;
|
26
26
|
margin: $dropdown-spacer 0 0; // override default ul
|
27
27
|
@include font-size($dropdown-font-size);
|
28
28
|
color: $dropdown-color;
|
@@ -100,7 +100,7 @@
|
|
100
100
|
}
|
101
101
|
}
|
102
102
|
|
103
|
-
// When enabled
|
103
|
+
// When Popper is enabled, reset the basic dropdown position
|
104
104
|
// stylelint-disable-next-line no-duplicate-selectors
|
105
105
|
.dropdown-menu {
|
106
106
|
&[x-placement^="top"],
|
package/_forms.scss
CHANGED
@@ -30,12 +30,6 @@
|
|
30
30
|
border: 0;
|
31
31
|
}
|
32
32
|
|
33
|
-
// Remove select outline from select box in FF
|
34
|
-
&:-moz-focusring {
|
35
|
-
color: transparent;
|
36
|
-
text-shadow: 0 0 0 $input-color;
|
37
|
-
}
|
38
|
-
|
39
33
|
// Customize the `:focus` state to imitate native WebKit styles.
|
40
34
|
@include form-control-focus($ignore-warning: true);
|
41
35
|
|
@@ -69,6 +63,12 @@ input[type="month"] {
|
|
69
63
|
}
|
70
64
|
|
71
65
|
select.form-control {
|
66
|
+
// Remove select outline from select box in FF
|
67
|
+
&:-moz-focusring {
|
68
|
+
color: transparent;
|
69
|
+
text-shadow: 0 0 0 $input-color;
|
70
|
+
}
|
71
|
+
|
72
72
|
&:focus::-ms-value {
|
73
73
|
// Suppress the nested default white text on blue background highlight given to
|
74
74
|
// the selected option text when the (still closed) <select> receives focus
|
@@ -199,13 +199,13 @@ textarea.form-control {
|
|
199
199
|
.form-row {
|
200
200
|
display: flex;
|
201
201
|
flex-wrap: wrap;
|
202
|
-
margin-right: -$form-grid-gutter-width
|
203
|
-
margin-left: -$form-grid-gutter-width
|
202
|
+
margin-right: -$form-grid-gutter-width * .5;
|
203
|
+
margin-left: -$form-grid-gutter-width * .5;
|
204
204
|
|
205
205
|
> .col,
|
206
206
|
> [class*="col-"] {
|
207
|
-
padding-right: $form-grid-gutter-width
|
208
|
-
padding-left: $form-grid-gutter-width
|
207
|
+
padding-right: $form-grid-gutter-width * .5;
|
208
|
+
padding-left: $form-grid-gutter-width * .5;
|
209
209
|
}
|
210
210
|
}
|
211
211
|
|
package/_functions.scss
CHANGED
@@ -51,6 +51,9 @@
|
|
51
51
|
}
|
52
52
|
|
53
53
|
// See https://codepen.io/kevinweber/pen/dXWoRw
|
54
|
+
//
|
55
|
+
// Requires the use of quotes around data URIs.
|
56
|
+
|
54
57
|
@function escape-svg($string) {
|
55
58
|
@if str-index($string, "data:image/svg+xml") {
|
56
59
|
@each $char, $encoded in $escaped-characters {
|
@@ -72,7 +75,7 @@
|
|
72
75
|
$g: green($color);
|
73
76
|
$b: blue($color);
|
74
77
|
|
75
|
-
$yiq: (($r * 299) + ($g * 587) + ($b * 114))
|
78
|
+
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) * .001;
|
76
79
|
|
77
80
|
@if ($yiq >= $yiq-contrasted-threshold) {
|
78
81
|
@return $dark;
|
@@ -137,5 +140,51 @@
|
|
137
140
|
@return $value1 - $value2;
|
138
141
|
}
|
139
142
|
|
143
|
+
@if type-of($value2) != number {
|
144
|
+
$value2: unquote("(") + $value2 + unquote(")");
|
145
|
+
}
|
146
|
+
|
140
147
|
@return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(" - ") + $value2);
|
141
148
|
}
|
149
|
+
|
150
|
+
@function divide($dividend, $divisor, $precision: 10) {
|
151
|
+
$sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);
|
152
|
+
$dividend: abs($dividend);
|
153
|
+
$divisor: abs($divisor);
|
154
|
+
@if $dividend == 0 {
|
155
|
+
@return 0;
|
156
|
+
}
|
157
|
+
@if $divisor == 0 {
|
158
|
+
@error "Cannot divide by 0";
|
159
|
+
}
|
160
|
+
$remainder: $dividend;
|
161
|
+
$result: 0;
|
162
|
+
$factor: 10;
|
163
|
+
@while ($remainder > 0 and $precision >= 0) {
|
164
|
+
$quotient: 0;
|
165
|
+
@while ($remainder >= $divisor) {
|
166
|
+
$remainder: $remainder - $divisor;
|
167
|
+
$quotient: $quotient + 1;
|
168
|
+
}
|
169
|
+
$result: $result * 10 + $quotient;
|
170
|
+
$factor: $factor * .1;
|
171
|
+
$remainder: $remainder * 10;
|
172
|
+
$precision: $precision - 1;
|
173
|
+
@if ($precision < 0 and $remainder >= $divisor * 5) {
|
174
|
+
$result: $result + 1;
|
175
|
+
}
|
176
|
+
}
|
177
|
+
$result: $result * $factor * $sign;
|
178
|
+
$dividend-unit: unit($dividend);
|
179
|
+
$divisor-unit: unit($divisor);
|
180
|
+
$unit-map: (
|
181
|
+
"px": 1px,
|
182
|
+
"rem": 1rem,
|
183
|
+
"em": 1em,
|
184
|
+
"%": 1%
|
185
|
+
);
|
186
|
+
@if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {
|
187
|
+
$result: $result * map-get($unit-map, $dividend-unit);
|
188
|
+
}
|
189
|
+
@return $result;
|
190
|
+
}
|
package/_images.scss
CHANGED
package/_input-group.scss
CHANGED
@@ -42,7 +42,6 @@
|
|
42
42
|
|
43
43
|
> .form-control,
|
44
44
|
> .custom-select {
|
45
|
-
&:not(:last-child) { @include border-right-radius(0); }
|
46
45
|
&:not(:first-child) { @include border-left-radius(0); }
|
47
46
|
}
|
48
47
|
|
@@ -56,6 +55,24 @@
|
|
56
55
|
&:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
|
57
56
|
&:not(:first-child) .custom-file-label { @include border-left-radius(0); }
|
58
57
|
}
|
58
|
+
|
59
|
+
&:not(.has-validation) {
|
60
|
+
> .form-control:not(:last-child),
|
61
|
+
> .custom-select:not(:last-child),
|
62
|
+
> .custom-file:not(:last-child) .custom-file-label,
|
63
|
+
> .custom-file:not(:last-child) .custom-file-label::after {
|
64
|
+
@include border-right-radius(0);
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
&.has-validation {
|
69
|
+
> .form-control:nth-last-child(n + 3),
|
70
|
+
> .custom-select:nth-last-child(n + 3),
|
71
|
+
> .custom-file:nth-last-child(n + 3) .custom-file-label,
|
72
|
+
> .custom-file:nth-last-child(n + 3) .custom-file-label::after {
|
73
|
+
@include border-right-radius(0);
|
74
|
+
}
|
75
|
+
}
|
59
76
|
}
|
60
77
|
|
61
78
|
|
@@ -175,8 +192,10 @@
|
|
175
192
|
|
176
193
|
.input-group > .input-group-prepend > .btn,
|
177
194
|
.input-group > .input-group-prepend > .input-group-text,
|
178
|
-
.input-group > .input-group-append:not(:last-child) > .btn,
|
179
|
-
.input-group > .input-group-append:not(:last-child) > .input-group-text,
|
195
|
+
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
|
196
|
+
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
|
197
|
+
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
|
198
|
+
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
|
180
199
|
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
|
181
200
|
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
|
182
201
|
@include border-right-radius(0);
|
package/_jumbotron.scss
CHANGED
package/_list-group.scss
CHANGED
package/_modal.scss
CHANGED
@@ -175,7 +175,7 @@
|
|
175
175
|
flex-wrap: wrap;
|
176
176
|
align-items: center; // vertically center
|
177
177
|
justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
|
178
|
-
padding: $modal-inner-padding - $modal-footer-margin-between
|
178
|
+
padding: $modal-inner-padding - $modal-footer-margin-between * .5;
|
179
179
|
border-top: $modal-footer-border-width solid $modal-footer-border-color;
|
180
180
|
@include border-bottom-radius($modal-content-inner-border-radius);
|
181
181
|
|
@@ -183,7 +183,7 @@
|
|
183
183
|
// This solution is far from ideal because of the universal selector usage,
|
184
184
|
// but is needed to fix https://github.com/twbs/bootstrap/issues/24800
|
185
185
|
> * {
|
186
|
-
margin: $modal-footer-margin-between
|
186
|
+
margin: $modal-footer-margin-between * .5;
|
187
187
|
}
|
188
188
|
}
|
189
189
|
|
package/_nav.scss
CHANGED
@@ -35,11 +35,8 @@
|
|
35
35
|
.nav-tabs {
|
36
36
|
border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
|
37
37
|
|
38
|
-
.nav-item {
|
39
|
-
margin-bottom: -$nav-tabs-border-width;
|
40
|
-
}
|
41
|
-
|
42
38
|
.nav-link {
|
39
|
+
margin-bottom: -$nav-tabs-border-width;
|
43
40
|
border: $nav-tabs-border-width solid transparent;
|
44
41
|
@include border-top-radius($nav-tabs-border-radius);
|
45
42
|
|
package/_navbar.scss
CHANGED
@@ -136,8 +136,12 @@
|
|
136
136
|
height: 1.5em;
|
137
137
|
vertical-align: middle;
|
138
138
|
content: "";
|
139
|
-
background: no-repeat
|
140
|
-
|
139
|
+
background: 50% / 100% 100% no-repeat;
|
140
|
+
}
|
141
|
+
|
142
|
+
.navbar-nav-scroll {
|
143
|
+
max-height: $navbar-nav-scroll-max-height;
|
144
|
+
overflow-y: auto;
|
141
145
|
}
|
142
146
|
|
143
147
|
// Generate series of `.navbar-expand-*` responsive classes for configuring
|
@@ -199,6 +203,10 @@
|
|
199
203
|
}
|
200
204
|
}
|
201
205
|
|
206
|
+
.navbar-nav-scroll {
|
207
|
+
overflow: visible;
|
208
|
+
}
|
209
|
+
|
202
210
|
.navbar-collapse {
|
203
211
|
display: flex !important; // stylelint-disable-line declaration-no-important
|
204
212
|
|
package/_pagination.scss
CHANGED
@@ -66,9 +66,9 @@
|
|
66
66
|
//
|
67
67
|
|
68
68
|
.pagination-lg {
|
69
|
-
@include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
|
69
|
+
@include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);
|
70
70
|
}
|
71
71
|
|
72
72
|
.pagination-sm {
|
73
|
-
@include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
|
73
|
+
@include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);
|
74
74
|
}
|
package/_popover.scss
CHANGED
@@ -43,13 +43,13 @@
|
|
43
43
|
|
44
44
|
&::before {
|
45
45
|
bottom: 0;
|
46
|
-
border-width: $popover-arrow-height ($popover-arrow-width
|
46
|
+
border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;
|
47
47
|
border-top-color: $popover-arrow-outer-color;
|
48
48
|
}
|
49
49
|
|
50
50
|
&::after {
|
51
51
|
bottom: $popover-border-width;
|
52
|
-
border-width: $popover-arrow-height ($popover-arrow-width
|
52
|
+
border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;
|
53
53
|
border-top-color: $popover-arrow-color;
|
54
54
|
}
|
55
55
|
}
|
@@ -66,13 +66,13 @@
|
|
66
66
|
|
67
67
|
&::before {
|
68
68
|
left: 0;
|
69
|
-
border-width: ($popover-arrow-width
|
69
|
+
border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;
|
70
70
|
border-right-color: $popover-arrow-outer-color;
|
71
71
|
}
|
72
72
|
|
73
73
|
&::after {
|
74
74
|
left: $popover-border-width;
|
75
|
-
border-width: ($popover-arrow-width
|
75
|
+
border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;
|
76
76
|
border-right-color: $popover-arrow-color;
|
77
77
|
}
|
78
78
|
}
|
@@ -86,13 +86,13 @@
|
|
86
86
|
|
87
87
|
&::before {
|
88
88
|
top: 0;
|
89
|
-
border-width: 0 ($popover-arrow-width
|
89
|
+
border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);
|
90
90
|
border-bottom-color: $popover-arrow-outer-color;
|
91
91
|
}
|
92
92
|
|
93
93
|
&::after {
|
94
94
|
top: $popover-border-width;
|
95
|
-
border-width: 0 ($popover-arrow-width
|
95
|
+
border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);
|
96
96
|
border-bottom-color: $popover-arrow-color;
|
97
97
|
}
|
98
98
|
}
|
@@ -104,7 +104,7 @@
|
|
104
104
|
left: 50%;
|
105
105
|
display: block;
|
106
106
|
width: $popover-arrow-width;
|
107
|
-
margin-left: -$popover-arrow-width
|
107
|
+
margin-left: -$popover-arrow-width * .5;
|
108
108
|
content: "";
|
109
109
|
border-bottom: $popover-border-width solid $popover-header-bg;
|
110
110
|
}
|
@@ -121,13 +121,13 @@
|
|
121
121
|
|
122
122
|
&::before {
|
123
123
|
right: 0;
|
124
|
-
border-width: ($popover-arrow-width
|
124
|
+
border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;
|
125
125
|
border-left-color: $popover-arrow-outer-color;
|
126
126
|
}
|
127
127
|
|
128
128
|
&::after {
|
129
129
|
right: $popover-border-width;
|
130
|
-
border-width: ($popover-arrow-width
|
130
|
+
border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;
|
131
131
|
border-left-color: $popover-arrow-color;
|
132
132
|
}
|
133
133
|
}
|
package/_print.scss
CHANGED
@@ -55,15 +55,6 @@
|
|
55
55
|
page-break-inside: avoid;
|
56
56
|
}
|
57
57
|
|
58
|
-
//
|
59
|
-
// Printing Tables:
|
60
|
-
// https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
|
61
|
-
//
|
62
|
-
|
63
|
-
thead {
|
64
|
-
display: table-header-group;
|
65
|
-
}
|
66
|
-
|
67
58
|
tr,
|
68
59
|
img {
|
69
60
|
page-break-inside: avoid;
|
package/_progress.scss
CHANGED
@@ -36,7 +36,7 @@
|
|
36
36
|
|
37
37
|
@if $enable-transitions {
|
38
38
|
.progress-bar-animated {
|
39
|
-
animation: progress-bar-
|
39
|
+
animation: $progress-bar-animation-timing progress-bar-stripes;
|
40
40
|
|
41
41
|
@if $enable-prefers-reduced-motion-media-query {
|
42
42
|
@media (prefers-reduced-motion: reduce) {
|