bootstrap-scss 4.5.3 → 4.6.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 +46 -83
- package/_breadcrumb.scss +1 -3
- package/_card.scss +5 -5
- package/_carousel.scss +6 -3
- package/_custom-forms.scss +12 -10
- package/_dropdown.scss +1 -1
- package/_forms.scss +10 -10
- package/_functions.scss +47 -1
- package/_images.scss +1 -1
- package/_input-group.scss +22 -3
- package/_jumbotron.scss +1 -1
- package/_modal.scss +2 -2
- package/_nav.scss +6 -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 +8 -8
- package/_root.scss +0 -1
- package/_spinners.scss +15 -6
- package/_tooltip.scss +4 -4
- package/_transitions.scss +6 -0
- package/_type.scss +1 -1
- package/_variables.scss +22 -15
- package/bootstrap-grid.scss +4 -3
- package/bootstrap-reboot.scss +3 -3
- package/bootstrap.scss +3 -3
- package/mixins/_forms.scss +20 -3
- package/mixins/_grid-framework.scss +2 -2
- package/mixins/_grid.scss +11 -11
- package/mixins/_image.scss +1 -1
- package/mixins/_reset-text.scss +1 -1
- package/mixins/_screen-reader.scss +1 -1
- package/package.json +26 -26
- package/utilities/_embed.scss +1 -1
- package/utilities/_spacing.scss +1 -1
- package/vendor/_rfs.scss +126 -102
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) {
|
package/_reboot.scss
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
// stylelint-disable
|
1
|
+
// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
|
2
2
|
|
3
3
|
// Reboot
|
4
4
|
//
|
@@ -307,13 +307,13 @@ button {
|
|
307
307
|
border-radius: 0;
|
308
308
|
}
|
309
309
|
|
310
|
-
//
|
311
|
-
//
|
312
|
-
//
|
313
|
-
//
|
314
|
-
|
315
|
-
|
316
|
-
outline:
|
310
|
+
// Explicitly remove focus outline in Chromium when it shouldn't be
|
311
|
+
// visible (e.g. as result of mouse click or touch tap). It already
|
312
|
+
// should be doing this automatically, but seems to currently be
|
313
|
+
// confused and applies its very visible two-tone outline anyway.
|
314
|
+
|
315
|
+
button:focus:not(:focus-visible) {
|
316
|
+
outline: 0;
|
317
317
|
}
|
318
318
|
|
319
319
|
input,
|
package/_root.scss
CHANGED
package/_spinners.scss
CHANGED
@@ -10,12 +10,12 @@
|
|
10
10
|
display: inline-block;
|
11
11
|
width: $spinner-width;
|
12
12
|
height: $spinner-height;
|
13
|
-
vertical-align:
|
14
|
-
border: $spinner-border-width solid
|
13
|
+
vertical-align: $spinner-vertical-align;
|
14
|
+
border: $spinner-border-width solid currentcolor;
|
15
15
|
border-right-color: transparent;
|
16
16
|
// stylelint-disable-next-line property-disallowed-list
|
17
17
|
border-radius: 50%;
|
18
|
-
animation:
|
18
|
+
animation: .75s linear infinite spinner-border;
|
19
19
|
}
|
20
20
|
|
21
21
|
.spinner-border-sm {
|
@@ -42,15 +42,24 @@
|
|
42
42
|
display: inline-block;
|
43
43
|
width: $spinner-width;
|
44
44
|
height: $spinner-height;
|
45
|
-
vertical-align:
|
46
|
-
background-color:
|
45
|
+
vertical-align: $spinner-vertical-align;
|
46
|
+
background-color: currentcolor;
|
47
47
|
// stylelint-disable-next-line property-disallowed-list
|
48
48
|
border-radius: 50%;
|
49
49
|
opacity: 0;
|
50
|
-
animation:
|
50
|
+
animation: .75s linear infinite spinner-grow;
|
51
51
|
}
|
52
52
|
|
53
53
|
.spinner-grow-sm {
|
54
54
|
width: $spinner-width-sm;
|
55
55
|
height: $spinner-height-sm;
|
56
56
|
}
|
57
|
+
|
58
|
+
@if $enable-prefers-reduced-motion-media-query {
|
59
|
+
@media (prefers-reduced-motion: reduce) {
|
60
|
+
.spinner-border,
|
61
|
+
.spinner-grow {
|
62
|
+
animation-duration: 1.5s;
|
63
|
+
}
|
64
|
+
}
|
65
|
+
}
|
package/_tooltip.scss
CHANGED
@@ -37,7 +37,7 @@
|
|
37
37
|
|
38
38
|
&::before {
|
39
39
|
top: 0;
|
40
|
-
border-width: $tooltip-arrow-height ($tooltip-arrow-width
|
40
|
+
border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;
|
41
41
|
border-top-color: $tooltip-arrow-color;
|
42
42
|
}
|
43
43
|
}
|
@@ -53,7 +53,7 @@
|
|
53
53
|
|
54
54
|
&::before {
|
55
55
|
right: 0;
|
56
|
-
border-width: ($tooltip-arrow-width
|
56
|
+
border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;
|
57
57
|
border-right-color: $tooltip-arrow-color;
|
58
58
|
}
|
59
59
|
}
|
@@ -67,7 +67,7 @@
|
|
67
67
|
|
68
68
|
&::before {
|
69
69
|
bottom: 0;
|
70
|
-
border-width: 0 ($tooltip-arrow-width
|
70
|
+
border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;
|
71
71
|
border-bottom-color: $tooltip-arrow-color;
|
72
72
|
}
|
73
73
|
}
|
@@ -83,7 +83,7 @@
|
|
83
83
|
|
84
84
|
&::before {
|
85
85
|
left: 0;
|
86
|
-
border-width: ($tooltip-arrow-width
|
86
|
+
border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;
|
87
87
|
border-left-color: $tooltip-arrow-color;
|
88
88
|
}
|
89
89
|
}
|
package/_transitions.scss
CHANGED
package/_type.scss
CHANGED
package/_variables.scss
CHANGED
@@ -257,6 +257,7 @@ $caret-spacing: $caret-width * .85 !default;
|
|
257
257
|
$transition-base: all .2s ease-in-out !default;
|
258
258
|
$transition-fade: opacity .15s linear !default;
|
259
259
|
$transition-collapse: height .35s ease !default;
|
260
|
+
$transition-collapse-width: width .35s ease !default;
|
260
261
|
|
261
262
|
$embed-responsive-aspect-ratios: () !default;
|
262
263
|
$embed-responsive-aspect-ratios: join(
|
@@ -274,7 +275,7 @@ $embed-responsive-aspect-ratios: join(
|
|
274
275
|
// Font, line-height, and color for body text, headings, and more.
|
275
276
|
|
276
277
|
// stylelint-disable value-keyword-case
|
277
|
-
$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
|
278
|
+
$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
|
278
279
|
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
279
280
|
$font-family-base: $font-family-sans-serif !default;
|
280
281
|
// stylelint-enable value-keyword-case
|
@@ -299,7 +300,7 @@ $h4-font-size: $font-size-base * 1.5 !default;
|
|
299
300
|
$h5-font-size: $font-size-base * 1.25 !default;
|
300
301
|
$h6-font-size: $font-size-base !default;
|
301
302
|
|
302
|
-
$headings-margin-bottom: $spacer
|
303
|
+
$headings-margin-bottom: $spacer * .5 !default;
|
303
304
|
$headings-font-family: null !default;
|
304
305
|
$headings-font-weight: 500 !default;
|
305
306
|
$headings-line-height: 1.2 !default;
|
@@ -319,7 +320,7 @@ $display-line-height: $headings-line-height !default;
|
|
319
320
|
$lead-font-size: $font-size-base * 1.25 !default;
|
320
321
|
$lead-font-weight: 300 !default;
|
321
322
|
|
322
|
-
$small-font-size:
|
323
|
+
$small-font-size: .875em !default;
|
323
324
|
|
324
325
|
$text-muted: $gray-600 !default;
|
325
326
|
|
@@ -495,7 +496,7 @@ $input-height-border: $input-border-width * 2 !default;
|
|
495
496
|
|
496
497
|
$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;
|
497
498
|
$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;
|
498
|
-
$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y
|
499
|
+
$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;
|
499
500
|
|
500
501
|
$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;
|
501
502
|
$input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;
|
@@ -565,7 +566,7 @@ $custom-radio-indicator-border-radius: 50% !default;
|
|
565
566
|
$custom-radio-indicator-icon-checked: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>") !default;
|
566
567
|
|
567
568
|
$custom-switch-width: $custom-control-indicator-size * 1.75 !default;
|
568
|
-
$custom-switch-indicator-border-radius: $custom-control-indicator-size
|
569
|
+
$custom-switch-indicator-border-radius: $custom-control-indicator-size * .5 !default;
|
569
570
|
$custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;
|
570
571
|
|
571
572
|
$custom-select-padding-y: $input-padding-y !default;
|
@@ -583,7 +584,7 @@ $custom-select-disabled-bg: $gray-200 !default;
|
|
583
584
|
$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
|
584
585
|
$custom-select-indicator-color: $gray-800 !default;
|
585
586
|
$custom-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") !default;
|
586
|
-
$custom-select-background: escape-svg($custom-select-indicator)
|
587
|
+
$custom-select-background: escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
|
587
588
|
|
588
589
|
$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;
|
589
590
|
$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
|
@@ -710,12 +711,12 @@ $nav-pills-link-active-color: $component-active-color !default;
|
|
710
711
|
$nav-pills-link-active-bg: $component-active-bg !default;
|
711
712
|
|
712
713
|
$nav-divider-color: $gray-200 !default;
|
713
|
-
$nav-divider-margin-y: $spacer
|
714
|
+
$nav-divider-margin-y: $spacer * .5 !default;
|
714
715
|
|
715
716
|
|
716
717
|
// Navbar
|
717
718
|
|
718
|
-
$navbar-padding-y: $spacer
|
719
|
+
$navbar-padding-y: $spacer * .5 !default;
|
719
720
|
$navbar-padding-x: $spacer !default;
|
720
721
|
|
721
722
|
$navbar-nav-link-padding-x: .5rem !default;
|
@@ -724,13 +725,15 @@ $navbar-brand-font-size: $font-size-lg !default;
|
|
724
725
|
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
|
725
726
|
$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
|
726
727
|
$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
|
727
|
-
$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height)
|
728
|
+
$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;
|
728
729
|
|
729
730
|
$navbar-toggler-padding-y: .25rem !default;
|
730
731
|
$navbar-toggler-padding-x: .75rem !default;
|
731
732
|
$navbar-toggler-font-size: $font-size-lg !default;
|
732
733
|
$navbar-toggler-border-radius: $btn-border-radius !default;
|
733
734
|
|
735
|
+
$navbar-nav-scroll-max-height: 75vh !default;
|
736
|
+
|
734
737
|
$navbar-dark-color: rgba($white, .5) !default;
|
735
738
|
$navbar-dark-hover-color: rgba($white, .75) !default;
|
736
739
|
$navbar-dark-active-color: $white !default;
|
@@ -772,12 +775,12 @@ $dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
|
|
772
775
|
|
773
776
|
$dropdown-link-color: $gray-900 !default;
|
774
777
|
$dropdown-link-hover-color: darken($gray-900, 5%) !default;
|
775
|
-
$dropdown-link-hover-bg: $gray-
|
778
|
+
$dropdown-link-hover-bg: $gray-200 !default;
|
776
779
|
|
777
780
|
$dropdown-link-active-color: $component-active-color !default;
|
778
781
|
$dropdown-link-active-bg: $component-active-bg !default;
|
779
782
|
|
780
|
-
$dropdown-link-disabled-color: $gray-
|
783
|
+
$dropdown-link-disabled-color: $gray-500 !default;
|
781
784
|
|
782
785
|
$dropdown-item-padding-y: .25rem !default;
|
783
786
|
$dropdown-item-padding-x: 1.5rem !default;
|
@@ -816,6 +819,9 @@ $pagination-disabled-color: $gray-600 !default;
|
|
816
819
|
$pagination-disabled-bg: $white !default;
|
817
820
|
$pagination-disabled-border-color: $gray-300 !default;
|
818
821
|
|
822
|
+
$pagination-border-radius-sm: $border-radius-sm !default;
|
823
|
+
$pagination-border-radius-lg: $border-radius-lg !default;
|
824
|
+
|
819
825
|
|
820
826
|
// Jumbotron
|
821
827
|
|
@@ -840,7 +846,7 @@ $card-bg: $white !default;
|
|
840
846
|
|
841
847
|
$card-img-overlay-padding: 1.25rem !default;
|
842
848
|
|
843
|
-
$card-group-margin: $grid-gutter-width
|
849
|
+
$card-group-margin: $grid-gutter-width * .5 !default;
|
844
850
|
$card-deck-margin: $card-group-margin !default;
|
845
851
|
|
846
852
|
$card-columns-count: 3 !default;
|
@@ -1096,9 +1102,10 @@ $carousel-transition: transform $carousel-transition-duration eas
|
|
1096
1102
|
|
1097
1103
|
// Spinners
|
1098
1104
|
|
1099
|
-
$spinner-width:
|
1100
|
-
$spinner-height:
|
1101
|
-
$spinner-
|
1105
|
+
$spinner-width: 2rem !default;
|
1106
|
+
$spinner-height: $spinner-width !default;
|
1107
|
+
$spinner-vertical-align: -.125em !default;
|
1108
|
+
$spinner-border-width: .25em !default;
|
1102
1109
|
|
1103
1110
|
$spinner-width-sm: 1rem !default;
|
1104
1111
|
$spinner-height-sm: $spinner-width-sm !default;
|
package/bootstrap-grid.scss
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap Grid v4.
|
3
|
-
* Copyright 2011-
|
4
|
-
* Copyright 2011-
|
2
|
+
* Bootstrap Grid v4.6.2 (https://getbootstrap.com/)
|
3
|
+
* Copyright 2011-2022 The Bootstrap Authors
|
4
|
+
* Copyright 2011-2022 Twitter, Inc.
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
6
6
|
*/
|
7
7
|
|
@@ -19,6 +19,7 @@ html {
|
|
19
19
|
@import "functions";
|
20
20
|
@import "variables";
|
21
21
|
|
22
|
+
@import "mixins/deprecate";
|
22
23
|
@import "mixins/breakpoints";
|
23
24
|
@import "mixins/grid-framework";
|
24
25
|
@import "mixins/grid";
|
package/bootstrap-reboot.scss
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap Reboot v4.
|
3
|
-
* Copyright 2011-
|
4
|
-
* Copyright 2011-
|
2
|
+
* Bootstrap Reboot v4.6.2 (https://getbootstrap.com/)
|
3
|
+
* Copyright 2011-2022 The Bootstrap Authors
|
4
|
+
* Copyright 2011-2022 Twitter, Inc.
|
5
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
|
*/
|
package/bootstrap.scss
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap v4.
|
3
|
-
* Copyright 2011-
|
4
|
-
* Copyright 2011-
|
2
|
+
* Bootstrap v4.6.2 (https://getbootstrap.com/)
|
3
|
+
* Copyright 2011-2022 The Bootstrap Authors
|
4
|
+
* Copyright 2011-2022 Twitter, Inc.
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
6
6
|
*/
|
7
7
|
|
package/mixins/_forms.scss
CHANGED
@@ -64,6 +64,13 @@
|
|
64
64
|
color: color-yiq($color);
|
65
65
|
background-color: rgba($color, $form-feedback-tooltip-opacity);
|
66
66
|
@include border-radius($form-feedback-tooltip-border-radius);
|
67
|
+
|
68
|
+
// See https://github.com/twbs/bootstrap/pull/31557
|
69
|
+
// Align tooltip to form elements
|
70
|
+
.form-row > .col > &,
|
71
|
+
.form-row > [class*="col-"] > & {
|
72
|
+
left: $form-grid-gutter-width * .5;
|
73
|
+
}
|
67
74
|
}
|
68
75
|
|
69
76
|
@include form-validation-state-selector($state) {
|
@@ -78,7 +85,7 @@
|
|
78
85
|
border-color: $color;
|
79
86
|
|
80
87
|
@if $enable-validation-icons {
|
81
|
-
padding-right: $input-height-inner;
|
88
|
+
padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important
|
82
89
|
background-image: escape-svg($icon);
|
83
90
|
background-repeat: no-repeat;
|
84
91
|
background-position: right $input-height-inner-quarter center;
|
@@ -92,6 +99,16 @@
|
|
92
99
|
}
|
93
100
|
}
|
94
101
|
|
102
|
+
// stylelint-disable-next-line selector-no-qualifying-type
|
103
|
+
select.form-control {
|
104
|
+
@include form-validation-state-selector($state) {
|
105
|
+
@if $enable-validation-icons {
|
106
|
+
padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important
|
107
|
+
background-position: right $input-padding-x * 2 center;
|
108
|
+
}
|
109
|
+
}
|
110
|
+
}
|
111
|
+
|
95
112
|
// stylelint-disable-next-line selector-no-qualifying-type
|
96
113
|
textarea.form-control {
|
97
114
|
@include form-validation-state-selector($state) {
|
@@ -107,8 +124,8 @@
|
|
107
124
|
border-color: $color;
|
108
125
|
|
109
126
|
@if $enable-validation-icons {
|
110
|
-
padding-right: $custom-select-feedback-icon-padding-right;
|
111
|
-
background: $custom-select-background,
|
127
|
+
padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important
|
128
|
+
background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;
|
112
129
|
}
|
113
130
|
|
114
131
|
&:focus {
|
package/mixins/_grid.scss
CHANGED
@@ -4,8 +4,8 @@
|
|
4
4
|
|
5
5
|
@mixin make-container($gutter: $grid-gutter-width) {
|
6
6
|
width: 100%;
|
7
|
-
padding-right: $gutter
|
8
|
-
padding-left: $gutter
|
7
|
+
padding-right: $gutter * .5;
|
8
|
+
padding-left: $gutter * .5;
|
9
9
|
margin-right: auto;
|
10
10
|
margin-left: auto;
|
11
11
|
}
|
@@ -13,8 +13,8 @@
|
|
13
13
|
@mixin make-row($gutter: $grid-gutter-width) {
|
14
14
|
display: flex;
|
15
15
|
flex-wrap: wrap;
|
16
|
-
margin-right: -$gutter
|
17
|
-
margin-left: -$gutter
|
16
|
+
margin-right: -$gutter * .5;
|
17
|
+
margin-left: -$gutter * .5;
|
18
18
|
}
|
19
19
|
|
20
20
|
// For each breakpoint, define the maximum width of the container in a media query
|
@@ -33,16 +33,16 @@
|
|
33
33
|
// always setting `width: 100%;`. This works because we use `flex` values
|
34
34
|
// later on to override this initial width.
|
35
35
|
width: 100%;
|
36
|
-
padding-right: $gutter
|
37
|
-
padding-left: $gutter
|
36
|
+
padding-right: $gutter * .5;
|
37
|
+
padding-left: $gutter * .5;
|
38
38
|
}
|
39
39
|
|
40
40
|
@mixin make-col($size, $columns: $grid-columns) {
|
41
|
-
flex: 0 0 percentage($size
|
41
|
+
flex: 0 0 percentage(divide($size, $columns));
|
42
42
|
// Add a `max-width` to ensure content within each column does not blow out
|
43
43
|
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
|
44
44
|
// do not appear to require this.
|
45
|
-
max-width: percentage($size
|
45
|
+
max-width: percentage(divide($size, $columns));
|
46
46
|
}
|
47
47
|
|
48
48
|
@mixin make-col-auto() {
|
@@ -52,7 +52,7 @@
|
|
52
52
|
}
|
53
53
|
|
54
54
|
@mixin make-col-offset($size, $columns: $grid-columns) {
|
55
|
-
$num: $size
|
55
|
+
$num: divide($size, $columns);
|
56
56
|
margin-left: if($num == 0, 0, percentage($num));
|
57
57
|
}
|
58
58
|
|
@@ -63,7 +63,7 @@
|
|
63
63
|
// style grid.
|
64
64
|
@mixin row-cols($count) {
|
65
65
|
> * {
|
66
|
-
flex: 0 0 100
|
67
|
-
max-width: 100
|
66
|
+
flex: 0 0 divide(100%, $count);
|
67
|
+
max-width: divide(100%, $count);
|
68
68
|
}
|
69
69
|
}
|
package/mixins/_image.scss
CHANGED
@@ -26,7 +26,7 @@
|
|
26
26
|
// Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
|
27
27
|
// but doesn't convert dppx=>dpi.
|
28
28
|
// There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
|
29
|
-
// Compatibility info: https://caniuse.com
|
29
|
+
// Compatibility info: https://caniuse.com/css-media-resolution
|
30
30
|
@media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
|
31
31
|
only screen and (min-resolution: 2dppx) { // Standardized
|
32
32
|
background-image: url($file-2x);
|
package/mixins/_reset-text.scss
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
// Only display content to screen readers
|
2
2
|
//
|
3
3
|
// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
|
4
|
-
// See: https://
|
4
|
+
// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/
|
5
5
|
|
6
6
|
@mixin sr-only() {
|
7
7
|
position: absolute;
|
package/package.json
CHANGED
@@ -1,26 +1,26 @@
|
|
1
|
-
{
|
2
|
-
"name": "bootstrap-scss",
|
3
|
-
"version": "4.
|
4
|
-
"description": "Bootstrap's SCSS files (only)",
|
5
|
-
"main": "bootstrap.scss",
|
6
|
-
"repository": {
|
7
|
-
"type": "git",
|
8
|
-
"url": "https://github.com/crissdev/bootstrap-scss.git"
|
9
|
-
},
|
10
|
-
"bugs": {
|
11
|
-
"url": "https://github.com/crissdev/bootstrap-scss/issues"
|
12
|
-
},
|
13
|
-
"keywords": [
|
14
|
-
"bootstrap",
|
15
|
-
"bootstrap-scss",
|
16
|
-
"responsive",
|
17
|
-
"scss"
|
18
|
-
],
|
19
|
-
"author": {
|
20
|
-
"name": "Cristian Trifan",
|
21
|
-
"url": "https://crissdev.com",
|
22
|
-
"email": "criss.trifan@gmail.com"
|
23
|
-
},
|
24
|
-
"license": "MIT",
|
25
|
-
"homepage": "https://github.com/crissdev/bootstrap-scss"
|
26
|
-
}
|
1
|
+
{
|
2
|
+
"name": "bootstrap-scss",
|
3
|
+
"version": "4.6.2",
|
4
|
+
"description": "Bootstrap's SCSS files (only)",
|
5
|
+
"main": "bootstrap.scss",
|
6
|
+
"repository": {
|
7
|
+
"type": "git",
|
8
|
+
"url": "https://github.com/crissdev/bootstrap-scss.git"
|
9
|
+
},
|
10
|
+
"bugs": {
|
11
|
+
"url": "https://github.com/crissdev/bootstrap-scss/issues"
|
12
|
+
},
|
13
|
+
"keywords": [
|
14
|
+
"bootstrap",
|
15
|
+
"bootstrap-scss",
|
16
|
+
"responsive",
|
17
|
+
"scss"
|
18
|
+
],
|
19
|
+
"author": {
|
20
|
+
"name": "Cristian Trifan",
|
21
|
+
"url": "https://crissdev.com",
|
22
|
+
"email": "criss.trifan@gmail.com"
|
23
|
+
},
|
24
|
+
"license": "MIT",
|
25
|
+
"homepage": "https://github.com/crissdev/bootstrap-scss"
|
26
|
+
}
|
package/utilities/_embed.scss
CHANGED
@@ -33,7 +33,7 @@
|
|
33
33
|
|
34
34
|
.embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
|
35
35
|
&::before {
|
36
|
-
padding-top: percentage($embed-responsive-aspect-ratio-y
|
36
|
+
padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));
|
37
37
|
}
|
38
38
|
}
|
39
39
|
}
|
package/utilities/_spacing.scss
CHANGED
@@ -30,7 +30,7 @@
|
|
30
30
|
|
31
31
|
// Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
|
32
32
|
@each $size, $length in $spacers {
|
33
|
-
@if $size != 0 {
|
33
|
+
@if "#{$size}" != "0" {
|
34
34
|
.m#{$infix}-n#{$size} { margin: -$length !important; }
|
35
35
|
.mt#{$infix}-n#{$size},
|
36
36
|
.my#{$infix}-n#{$size} {
|