bootstrap-scss 5.3.1 → 5.3.2
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -1
- package/_buttons.scss +1 -1
- package/_reboot.scss +1 -0
- package/_root.scss +3 -0
- package/_utilities.scss +3 -3
- package/_variables-dark.scss +2 -0
- package/_variables.scss +15 -13
- package/forms/_form-check.scss +1 -0
- package/mixins/_banner.scss +1 -1
- package/mixins/_grid.scss +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
package/_buttons.scss
CHANGED
@@ -170,7 +170,7 @@
|
|
170
170
|
--#{$prefix}btn-disabled-color: #{$btn-link-disabled-color};
|
171
171
|
--#{$prefix}btn-disabled-border-color: transparent;
|
172
172
|
--#{$prefix}btn-box-shadow: 0 0 0 #000; // Can't use `none` as keyword negates all values when used with multiple shadows
|
173
|
-
--#{$prefix}btn-focus-shadow-rgb: #{
|
173
|
+
--#{$prefix}btn-focus-shadow-rgb: #{$btn-link-focus-shadow-rgb};
|
174
174
|
|
175
175
|
text-decoration: $link-decoration;
|
176
176
|
@if $enable-gradients {
|
package/_reboot.scss
CHANGED
package/_root.scss
CHANGED
@@ -91,6 +91,7 @@
|
|
91
91
|
}
|
92
92
|
|
93
93
|
--#{$prefix}code-color: #{$code-color};
|
94
|
+
--#{$prefix}highlight-color: #{$mark-color};
|
94
95
|
--#{$prefix}highlight-bg: #{$mark-bg};
|
95
96
|
|
96
97
|
// scss-docs-start root-border-var
|
@@ -171,6 +172,8 @@
|
|
171
172
|
--#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-dark)};
|
172
173
|
|
173
174
|
--#{$prefix}code-color: #{$code-color-dark};
|
175
|
+
--#{$prefix}highlight-color: #{$mark-color-dark};
|
176
|
+
--#{$prefix}highlight-bg: #{$mark-bg-dark};
|
174
177
|
|
175
178
|
--#{$prefix}border-color: #{$border-color-dark};
|
176
179
|
--#{$prefix}border-color-translucent: #{$border-color-translucent-dark};
|
package/_utilities.scss
CHANGED
@@ -77,9 +77,9 @@ $utilities: map-merge(
|
|
77
77
|
property: box-shadow,
|
78
78
|
class: shadow,
|
79
79
|
values: (
|
80
|
-
null: $box-shadow,
|
81
|
-
sm: $box-shadow-sm,
|
82
|
-
lg: $box-shadow-lg,
|
80
|
+
null: var(--#{$prefix}box-shadow),
|
81
|
+
sm: var(--#{$prefix}box-shadow-sm),
|
82
|
+
lg: var(--#{$prefix}box-shadow-lg),
|
83
83
|
none: none,
|
84
84
|
)
|
85
85
|
),
|
package/_variables-dark.scss
CHANGED
@@ -53,6 +53,8 @@ $headings-color-dark: inherit !default;
|
|
53
53
|
$link-color-dark: tint-color($primary, 40%) !default;
|
54
54
|
$link-hover-color-dark: shift-color($link-color-dark, -$link-shade-percentage) !default;
|
55
55
|
$code-color-dark: tint-color($code-color, 40%) !default;
|
56
|
+
$mark-color-dark: $body-color-dark !default;
|
57
|
+
$mark-bg-dark: $yellow-800 !default;
|
56
58
|
|
57
59
|
|
58
60
|
//
|
package/_variables.scss
CHANGED
@@ -718,6 +718,7 @@ $dt-font-weight: $font-weight-bold !default;
|
|
718
718
|
$list-inline-padding: .5rem !default;
|
719
719
|
|
720
720
|
$mark-padding: .1875em !default;
|
721
|
+
$mark-color: $body-color !default;
|
721
722
|
$mark-bg: $yellow-100 !default;
|
722
723
|
// scss-docs-end type-variables
|
723
724
|
|
@@ -734,7 +735,7 @@ $table-cell-padding-x-sm: .25rem !default;
|
|
734
735
|
|
735
736
|
$table-cell-vertical-align: top !default;
|
736
737
|
|
737
|
-
$table-color: var(--#{$prefix}
|
738
|
+
$table-color: var(--#{$prefix}emphasis-color) !default;
|
738
739
|
$table-bg: var(--#{$prefix}body-bg) !default;
|
739
740
|
$table-accent-bg: transparent !default;
|
740
741
|
|
@@ -742,17 +743,17 @@ $table-th-font-weight: null !default;
|
|
742
743
|
|
743
744
|
$table-striped-color: $table-color !default;
|
744
745
|
$table-striped-bg-factor: .05 !default;
|
745
|
-
$table-striped-bg: rgba($
|
746
|
+
$table-striped-bg: rgba(var(--#{$prefix}emphasis-color-rgb), $table-striped-bg-factor) !default;
|
746
747
|
|
747
748
|
$table-active-color: $table-color !default;
|
748
749
|
$table-active-bg-factor: .1 !default;
|
749
|
-
$table-active-bg: rgba($
|
750
|
+
$table-active-bg: rgba(var(--#{$prefix}emphasis-color-rgb), $table-active-bg-factor) !default;
|
750
751
|
|
751
752
|
$table-hover-color: $table-color !default;
|
752
753
|
$table-hover-bg-factor: .075 !default;
|
753
|
-
$table-hover-bg: rgba($
|
754
|
+
$table-hover-bg: rgba(var(--#{$prefix}emphasis-color-rgb), $table-hover-bg-factor) !default;
|
754
755
|
|
755
|
-
$table-border-factor: .
|
756
|
+
$table-border-factor: .2 !default;
|
756
757
|
$table-border-width: var(--#{$prefix}border-width) !default;
|
757
758
|
$table-border-color: var(--#{$prefix}border-color) !default;
|
758
759
|
|
@@ -842,6 +843,7 @@ $btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
|
|
842
843
|
$btn-link-color: var(--#{$prefix}link-color) !default;
|
843
844
|
$btn-link-hover-color: var(--#{$prefix}link-hover-color) !default;
|
844
845
|
$btn-link-disabled-color: $gray-600 !default;
|
846
|
+
$btn-link-focus-shadow-rgb: to-rgb(mix(color-contrast($link-color), $link-color, 15%)) !default;
|
845
847
|
|
846
848
|
// Allows for customizing button radius independently from global border radius
|
847
849
|
$btn-border-radius: var(--#{$prefix}border-radius) !default;
|
@@ -903,7 +905,7 @@ $input-disabled-border-color: null !default;
|
|
903
905
|
$input-color: var(--#{$prefix}body-color) !default;
|
904
906
|
$input-border-color: var(--#{$prefix}border-color) !default;
|
905
907
|
$input-border-width: $input-btn-border-width !default;
|
906
|
-
$input-box-shadow: $box-shadow-inset !default;
|
908
|
+
$input-box-shadow: var(--#{$prefix}box-shadow-inset) !default;
|
907
909
|
|
908
910
|
$input-border-radius: var(--#{$prefix}border-radius) !default;
|
909
911
|
$input-border-radius-sm: var(--#{$prefix}border-radius-sm) !default;
|
@@ -1019,7 +1021,7 @@ $form-select-feedback-icon-size: $input-height-inner-half $input-height-i
|
|
1019
1021
|
$form-select-border-width: $input-border-width !default;
|
1020
1022
|
$form-select-border-color: $input-border-color !default;
|
1021
1023
|
$form-select-border-radius: $input-border-radius !default;
|
1022
|
-
$form-select-box-shadow: $box-shadow-inset !default;
|
1024
|
+
$form-select-box-shadow: var(--#{$prefix}box-shadow-inset) !default;
|
1023
1025
|
|
1024
1026
|
$form-select-focus-border-color: $input-focus-border-color !default;
|
1025
1027
|
$form-select-focus-width: $input-focus-width !default;
|
@@ -1042,9 +1044,9 @@ $form-select-transition: $input-transition !default;
|
|
1042
1044
|
$form-range-track-width: 100% !default;
|
1043
1045
|
$form-range-track-height: .5rem !default;
|
1044
1046
|
$form-range-track-cursor: pointer !default;
|
1045
|
-
$form-range-track-bg: var(--#{$prefix}
|
1047
|
+
$form-range-track-bg: var(--#{$prefix}secondary-bg) !default;
|
1046
1048
|
$form-range-track-border-radius: 1rem !default;
|
1047
|
-
$form-range-track-box-shadow: $box-shadow-inset !default;
|
1049
|
+
$form-range-track-box-shadow: var(--#{$prefix}box-shadow-inset) !default;
|
1048
1050
|
|
1049
1051
|
$form-range-thumb-width: 1rem !default;
|
1050
1052
|
$form-range-thumb-height: $form-range-thumb-width !default;
|
@@ -1246,7 +1248,7 @@ $dropdown-border-width: var(--#{$prefix}border-width) !default;
|
|
1246
1248
|
$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default; // stylelint-disable-line function-disallowed-list
|
1247
1249
|
$dropdown-divider-bg: $dropdown-border-color !default;
|
1248
1250
|
$dropdown-divider-margin-y: $spacer * .5 !default;
|
1249
|
-
$dropdown-box-shadow: $box-shadow !default;
|
1251
|
+
$dropdown-box-shadow: var(--#{$prefix}box-shadow) !default;
|
1250
1252
|
|
1251
1253
|
$dropdown-link-color: var(--#{$prefix}body-color) !default;
|
1252
1254
|
$dropdown-link-hover-color: $dropdown-link-color !default;
|
@@ -1435,7 +1437,7 @@ $popover-border-width: var(--#{$prefix}border-width) !default;
|
|
1435
1437
|
$popover-border-color: var(--#{$prefix}border-color-translucent) !default;
|
1436
1438
|
$popover-border-radius: var(--#{$prefix}border-radius-lg) !default;
|
1437
1439
|
$popover-inner-border-radius: calc(#{$popover-border-radius} - #{$popover-border-width}) !default; // stylelint-disable-line function-disallowed-list
|
1438
|
-
$popover-box-shadow: $box-shadow !default;
|
1440
|
+
$popover-box-shadow: var(--#{$prefix}box-shadow) !default;
|
1439
1441
|
|
1440
1442
|
$popover-header-font-size: $font-size-base !default;
|
1441
1443
|
$popover-header-bg: var(--#{$prefix}secondary-bg) !default;
|
@@ -1509,8 +1511,8 @@ $modal-content-border-color: var(--#{$prefix}border-color-translucent) !d
|
|
1509
1511
|
$modal-content-border-width: var(--#{$prefix}border-width) !default;
|
1510
1512
|
$modal-content-border-radius: var(--#{$prefix}border-radius-lg) !default;
|
1511
1513
|
$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
|
1512
|
-
$modal-content-box-shadow-xs: $box-shadow-sm !default;
|
1513
|
-
$modal-content-box-shadow-sm-up: $box-shadow !default;
|
1514
|
+
$modal-content-box-shadow-xs: var(--#{$prefix}box-shadow-sm) !default;
|
1515
|
+
$modal-content-box-shadow-sm-up: var(--#{$prefix}box-shadow) !default;
|
1514
1516
|
|
1515
1517
|
$modal-backdrop-bg: $black !default;
|
1516
1518
|
$modal-backdrop-opacity: .5 !default;
|
package/forms/_form-check.scss
CHANGED
@@ -29,6 +29,7 @@
|
|
29
29
|
.form-check-input {
|
30
30
|
--#{$prefix}form-check-bg: #{$form-check-input-bg};
|
31
31
|
|
32
|
+
flex-shrink: 0;
|
32
33
|
width: $form-check-input-width;
|
33
34
|
height: $form-check-input-width;
|
34
35
|
margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
|
package/mixins/_banner.scss
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
@mixin bsBanner($file) {
|
2
2
|
/*!
|
3
|
-
* Bootstrap #{$file} v5.3.
|
3
|
+
* Bootstrap #{$file} v5.3.2 (https://getbootstrap.com/)
|
4
4
|
* Copyright 2011-2023 The Bootstrap Authors
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
6
6
|
*/
|
package/mixins/_grid.scss
CHANGED