bootstrap-scss 5.3.1 → 5.3.3
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -1
- package/_accordion.scss +11 -11
- package/_buttons.scss +10 -1
- package/_carousel.scss +2 -10
- package/_modal.scss +0 -1
- package/_offcanvas.scss +1 -4
- package/_reboot.scss +1 -0
- package/_root.scss +3 -0
- package/_tables.scss +1 -1
- package/_utilities.scss +3 -3
- package/_variables-dark.scss +2 -0
- package/_variables.scss +22 -16
- package/forms/_form-check.scss +2 -1
- package/mixins/_banner.scss +2 -2
- package/mixins/_forms.scss +12 -2
- package/mixins/_grid.scss +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
package/_accordion.scss
CHANGED
@@ -20,7 +20,6 @@
|
|
20
20
|
--#{$prefix}accordion-btn-icon-transform: #{$accordion-icon-transform};
|
21
21
|
--#{$prefix}accordion-btn-icon-transition: #{$accordion-icon-transition};
|
22
22
|
--#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)};
|
23
|
-
--#{$prefix}accordion-btn-focus-border-color: #{$accordion-button-focus-border-color};
|
24
23
|
--#{$prefix}accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow};
|
25
24
|
--#{$prefix}accordion-body-padding-x: #{$accordion-body-padding-x};
|
26
25
|
--#{$prefix}accordion-body-padding-y: #{$accordion-body-padding-y};
|
@@ -74,7 +73,6 @@
|
|
74
73
|
|
75
74
|
&:focus {
|
76
75
|
z-index: 3;
|
77
|
-
border-color: var(--#{$prefix}accordion-btn-focus-border-color);
|
78
76
|
outline: 0;
|
79
77
|
box-shadow: var(--#{$prefix}accordion-btn-focus-box-shadow);
|
80
78
|
}
|
@@ -92,7 +90,7 @@
|
|
92
90
|
&:first-of-type {
|
93
91
|
@include border-top-radius(var(--#{$prefix}accordion-border-radius));
|
94
92
|
|
95
|
-
.accordion-button {
|
93
|
+
> .accordion-header .accordion-button {
|
96
94
|
@include border-top-radius(var(--#{$prefix}accordion-inner-border-radius));
|
97
95
|
}
|
98
96
|
}
|
@@ -105,13 +103,13 @@
|
|
105
103
|
&:last-of-type {
|
106
104
|
@include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
|
107
105
|
|
108
|
-
.accordion-button {
|
106
|
+
> .accordion-header .accordion-button {
|
109
107
|
&.collapsed {
|
110
108
|
@include border-bottom-radius(var(--#{$prefix}accordion-inner-border-radius));
|
111
109
|
}
|
112
110
|
}
|
113
111
|
|
114
|
-
.accordion-collapse {
|
112
|
+
> .accordion-collapse {
|
115
113
|
@include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
|
116
114
|
}
|
117
115
|
}
|
@@ -127,11 +125,7 @@
|
|
127
125
|
// Remove borders and border-radius to keep accordion items edge-to-edge.
|
128
126
|
|
129
127
|
.accordion-flush {
|
130
|
-
.accordion-
|
131
|
-
border-width: 0;
|
132
|
-
}
|
133
|
-
|
134
|
-
.accordion-item {
|
128
|
+
> .accordion-item {
|
135
129
|
border-right: 0;
|
136
130
|
border-left: 0;
|
137
131
|
@include border-radius(0);
|
@@ -139,12 +133,18 @@
|
|
139
133
|
&:first-child { border-top: 0; }
|
140
134
|
&:last-child { border-bottom: 0; }
|
141
135
|
|
142
|
-
|
136
|
+
// stylelint-disable selector-max-class
|
137
|
+
> .accordion-header .accordion-button {
|
143
138
|
&,
|
144
139
|
&.collapsed {
|
145
140
|
@include border-radius(0);
|
146
141
|
}
|
147
142
|
}
|
143
|
+
// stylelint-enable selector-max-class
|
144
|
+
|
145
|
+
> .accordion-collapse {
|
146
|
+
@include border-radius(0);
|
147
|
+
}
|
148
148
|
}
|
149
149
|
}
|
150
150
|
|
package/_buttons.scss
CHANGED
@@ -100,6 +100,15 @@
|
|
100
100
|
}
|
101
101
|
}
|
102
102
|
|
103
|
+
.btn-check:checked:focus-visible + & {
|
104
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
105
|
+
@if $enable-shadows {
|
106
|
+
box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow);
|
107
|
+
} @else {
|
108
|
+
box-shadow: var(--#{$prefix}btn-focus-box-shadow);
|
109
|
+
}
|
110
|
+
}
|
111
|
+
|
103
112
|
&:disabled,
|
104
113
|
&.disabled,
|
105
114
|
fieldset:disabled & {
|
@@ -170,7 +179,7 @@
|
|
170
179
|
--#{$prefix}btn-disabled-color: #{$btn-link-disabled-color};
|
171
180
|
--#{$prefix}btn-disabled-border-color: transparent;
|
172
181
|
--#{$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: #{
|
182
|
+
--#{$prefix}btn-focus-shadow-rgb: #{$btn-link-focus-shadow-rgb};
|
174
183
|
|
175
184
|
text-decoration: $link-decoration;
|
176
185
|
@if $enable-gradients {
|
package/_carousel.scss
CHANGED
@@ -132,19 +132,11 @@
|
|
132
132
|
background-size: 100% 100%;
|
133
133
|
}
|
134
134
|
|
135
|
-
/* rtl:options: {
|
136
|
-
"autoRename": true,
|
137
|
-
"stringMap":[ {
|
138
|
-
"name" : "prev-next",
|
139
|
-
"search" : "prev",
|
140
|
-
"replace" : "next"
|
141
|
-
} ]
|
142
|
-
} */
|
143
135
|
.carousel-control-prev-icon {
|
144
|
-
background-image: escape-svg($carousel-control-prev-icon-bg);
|
136
|
+
background-image: escape-svg($carousel-control-prev-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-next-icon-bg) + "*/"};
|
145
137
|
}
|
146
138
|
.carousel-control-next-icon {
|
147
|
-
background-image: escape-svg($carousel-control-next-icon-bg);
|
139
|
+
background-image: escape-svg($carousel-control-next-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-prev-icon-bg) + "*/"};
|
148
140
|
}
|
149
141
|
|
150
142
|
// Optional indicator pips/controls
|
package/_modal.scss
CHANGED
@@ -126,7 +126,6 @@
|
|
126
126
|
display: flex;
|
127
127
|
flex-shrink: 0;
|
128
128
|
align-items: center;
|
129
|
-
justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
|
130
129
|
padding: var(--#{$prefix}modal-header-padding);
|
131
130
|
border-bottom: var(--#{$prefix}modal-header-border-width) solid var(--#{$prefix}modal-header-border-color);
|
132
131
|
@include border-top-radius(var(--#{$prefix}modal-inner-border-radius));
|
package/_offcanvas.scss
CHANGED
@@ -123,14 +123,11 @@
|
|
123
123
|
.offcanvas-header {
|
124
124
|
display: flex;
|
125
125
|
align-items: center;
|
126
|
-
justify-content: space-between;
|
127
126
|
padding: var(--#{$prefix}offcanvas-padding-y) var(--#{$prefix}offcanvas-padding-x);
|
128
127
|
|
129
128
|
.btn-close {
|
130
129
|
padding: calc(var(--#{$prefix}offcanvas-padding-y) * .5) calc(var(--#{$prefix}offcanvas-padding-x) * .5);
|
131
|
-
margin
|
132
|
-
margin-right: calc(-.5 * var(--#{$prefix}offcanvas-padding-x));
|
133
|
-
margin-bottom: calc(-.5 * var(--#{$prefix}offcanvas-padding-y));
|
130
|
+
margin: calc(-.5 * var(--#{$prefix}offcanvas-padding-y)) calc(-.5 * var(--#{$prefix}offcanvas-padding-x)) calc(-.5 * var(--#{$prefix}offcanvas-padding-y)) auto;
|
134
131
|
}
|
135
132
|
}
|
136
133
|
|
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/_tables.scss
CHANGED
@@ -79,7 +79,7 @@
|
|
79
79
|
//
|
80
80
|
// When borders are added on all sides of the cells, the corners can render odd when
|
81
81
|
// these borders do not have the same color or if they are semi-transparent.
|
82
|
-
//
|
82
|
+
// Therefore we add top and border bottoms to the `tr`s and left and right borders
|
83
83
|
// to the `td`s or `th`s
|
84
84
|
|
85
85
|
.table-bordered {
|
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;
|
@@ -1381,7 +1383,9 @@ $accordion-transition: $btn-transition, border-radius .15s ea
|
|
1381
1383
|
$accordion-button-active-bg: var(--#{$prefix}primary-bg-subtle) !default;
|
1382
1384
|
$accordion-button-active-color: var(--#{$prefix}primary-text-emphasis) !default;
|
1383
1385
|
|
1384
|
-
|
1386
|
+
// fusv-disable
|
1387
|
+
$accordion-button-focus-border-color: $input-focus-border-color !default; // Deprecated in v5.3.3
|
1388
|
+
// fusv-enable
|
1385
1389
|
$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;
|
1386
1390
|
|
1387
1391
|
$accordion-icon-width: 1.25rem !default;
|
@@ -1390,8 +1394,8 @@ $accordion-icon-active-color: $primary-text-emphasis !default;
|
|
1390
1394
|
$accordion-icon-transition: transform .2s ease-in-out !default;
|
1391
1395
|
$accordion-icon-transform: rotate(-180deg) !default;
|
1392
1396
|
|
1393
|
-
$accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'
|
1394
|
-
$accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'
|
1397
|
+
$accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#{$accordion-icon-color}' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>") !default;
|
1398
|
+
$accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#{$accordion-icon-active-color}' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>") !default;
|
1395
1399
|
// scss-docs-end accordion-variables
|
1396
1400
|
|
1397
1401
|
// Tooltips
|
@@ -1435,7 +1439,7 @@ $popover-border-width: var(--#{$prefix}border-width) !default;
|
|
1435
1439
|
$popover-border-color: var(--#{$prefix}border-color-translucent) !default;
|
1436
1440
|
$popover-border-radius: var(--#{$prefix}border-radius-lg) !default;
|
1437
1441
|
$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;
|
1442
|
+
$popover-box-shadow: var(--#{$prefix}box-shadow) !default;
|
1439
1443
|
|
1440
1444
|
$popover-header-font-size: $font-size-base !default;
|
1441
1445
|
$popover-header-bg: var(--#{$prefix}secondary-bg) !default;
|
@@ -1509,8 +1513,8 @@ $modal-content-border-color: var(--#{$prefix}border-color-translucent) !d
|
|
1509
1513
|
$modal-content-border-width: var(--#{$prefix}border-width) !default;
|
1510
1514
|
$modal-content-border-radius: var(--#{$prefix}border-radius-lg) !default;
|
1511
1515
|
$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;
|
1516
|
+
$modal-content-box-shadow-xs: var(--#{$prefix}box-shadow-sm) !default;
|
1517
|
+
$modal-content-box-shadow-sm-up: var(--#{$prefix}box-shadow) !default;
|
1514
1518
|
|
1515
1519
|
$modal-backdrop-bg: $black !default;
|
1516
1520
|
$modal-backdrop-opacity: .5 !default;
|
@@ -1743,3 +1747,5 @@ $kbd-bg: var(--#{$prefix}body-color) !default;
|
|
1743
1747
|
$nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6
|
1744
1748
|
|
1745
1749
|
$pre-color: null !default;
|
1750
|
+
|
1751
|
+
@import "variables-dark"; // TODO: can be removed safely in v6, only here to avoid breaking changes in v5.3
|
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
|
@@ -130,7 +131,7 @@
|
|
130
131
|
margin-left: $form-switch-padding-start * -1;
|
131
132
|
background-image: var(--#{$prefix}form-switch-bg);
|
132
133
|
background-position: left center;
|
133
|
-
@include border-radius($form-switch-border-radius);
|
134
|
+
@include border-radius($form-switch-border-radius, 0);
|
134
135
|
@include transition($form-switch-transition);
|
135
136
|
|
136
137
|
&:focus {
|
package/mixins/_banner.scss
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
@mixin bsBanner($file) {
|
2
2
|
/*!
|
3
|
-
* Bootstrap #{$file} v5.3.
|
4
|
-
* Copyright 2011-
|
3
|
+
* Bootstrap #{$file} v5.3.3 (https://getbootstrap.com/)
|
4
|
+
* Copyright 2011-2024 The Bootstrap Authors
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
6
6
|
*/
|
7
7
|
}
|
package/mixins/_forms.scss
CHANGED
@@ -69,7 +69,12 @@
|
|
69
69
|
|
70
70
|
&:focus {
|
71
71
|
border-color: $border-color;
|
72
|
-
|
72
|
+
@if $enable-shadows {
|
73
|
+
@include box-shadow($input-box-shadow, $focus-box-shadow);
|
74
|
+
} @else {
|
75
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
76
|
+
box-shadow: $focus-box-shadow;
|
77
|
+
}
|
73
78
|
}
|
74
79
|
}
|
75
80
|
}
|
@@ -100,7 +105,12 @@
|
|
100
105
|
|
101
106
|
&:focus {
|
102
107
|
border-color: $border-color;
|
103
|
-
|
108
|
+
@if $enable-shadows {
|
109
|
+
@include box-shadow($form-select-box-shadow, $focus-box-shadow);
|
110
|
+
} @else {
|
111
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
112
|
+
box-shadow: $focus-box-shadow;
|
113
|
+
}
|
104
114
|
}
|
105
115
|
}
|
106
116
|
}
|
package/mixins/_grid.scss
CHANGED
@@ -56,7 +56,7 @@
|
|
56
56
|
@mixin row-cols($count) {
|
57
57
|
> * {
|
58
58
|
flex: 0 0 auto;
|
59
|
-
width: divide(
|
59
|
+
width: percentage(divide(1, $count));
|
60
60
|
}
|
61
61
|
}
|
62
62
|
|
@@ -138,7 +138,7 @@
|
|
138
138
|
}
|
139
139
|
}
|
140
140
|
|
141
|
-
// Start with `1` because `0` is
|
141
|
+
// Start with `1` because `0` is an invalid value.
|
142
142
|
// Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.
|
143
143
|
@for $i from 1 through ($columns - 1) {
|
144
144
|
.g-start#{$infix}-#{$i} {
|