Content-Length: 657556 | pFad | http://github.com/bootstrap-vue/bootstrap-vue/commit/dd051e93cbb2ce41d3060eda2b5a82ce28fe183c

F7 fix: replace sass division with multiplication (#6834) · bootstrap-vue/bootstrap-vue@dd051e9 · GitHub
Skip to content

Commit dd051e9

Browse files
z1m1nz1m1n
authored
fix: replace sass division with multiplication (#6834)
1 parent abaa1c5 commit dd051e9

File tree

5 files changed

+19
-19
lines changed

5 files changed

+19
-19
lines changed

‎src/_variables.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,8 @@ $b-custom-checkbox-indicator-border-radius-sm: $border-radius-sm !default;
3030
// Custom switch sizes
3131
$b-custom-switch-width-lg: $b-custom-control-indicator-size-lg * 1.75 !default;
3232
$b-custom-switch-width-sm: $b-custom-control-indicator-size-sm * 1.75 !default;
33-
$b-custom-switch-indicator-border-radius-lg: $b-custom-control-indicator-size-lg / 2 !default;
34-
$b-custom-switch-indicator-border-radius-sm: $b-custom-control-indicator-size-sm / 2 !default;
33+
$b-custom-switch-indicator-border-radius-lg: $b-custom-control-indicator-size-lg * 0.5 !default;
34+
$b-custom-switch-indicator-border-radius-sm: $b-custom-control-indicator-size-sm * 0.5 !default;
3535
$b-custom-switch-indicator-size-lg: calc(
3636
#{$b-custom-control-indicator-size-lg} - #{$custom-control-indicator-border-width * 4}
3737
) !default;

‎src/components/form-checkbox/_form-checkbox.scss

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,15 @@
77
padding-left: $b-custom-control-gutter-lg + $b-custom-control-indicator-size-lg;
88

99
.custom-control-label::before {
10-
top: ($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) / 2;
10+
top: ($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) * 0.5;
1111
left: -($b-custom-control-gutter-lg + $b-custom-control-indicator-size-lg);
1212
width: $b-custom-control-indicator-size-lg;
1313
height: $b-custom-control-indicator-size-lg;
1414
@include border-radius($b-custom-checkbox-indicator-border-radius-lg);
1515
}
1616

1717
.custom-control-label::after {
18-
top: ($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) / 2;
18+
top: ($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) * 0.5;
1919
left: -($b-custom-control-gutter-lg + $b-custom-control-indicator-size-lg);
2020
width: $b-custom-control-indicator-size-lg;
2121
height: $b-custom-control-indicator-size-lg;
@@ -30,15 +30,15 @@
3030
padding-left: $b-custom-control-gutter-sm + $b-custom-control-indicator-size-sm;
3131

3232
.custom-control-label::before {
33-
top: ($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) / 2;
33+
top: ($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) * 0.5;
3434
left: -($b-custom-control-gutter-sm + $b-custom-control-indicator-size-sm);
3535
width: $b-custom-control-indicator-size-sm;
3636
height: $b-custom-control-indicator-size-sm;
3737
@include border-radius($b-custom-checkbox-indicator-border-radius-sm);
3838
}
3939

4040
.custom-control-label::after {
41-
top: ($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) / 2;
41+
top: ($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) * 0.5;
4242
left: -($b-custom-control-gutter-sm + $b-custom-control-indicator-size-sm);
4343
width: $b-custom-control-indicator-size-sm;
4444
height: $b-custom-control-indicator-size-sm;
@@ -55,7 +55,7 @@
5555
line-height: $line-height-lg;
5656

5757
&::before {
58-
top: ($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) / 2;
58+
top: ($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) * 0.5;
5959
height: $b-custom-control-indicator-size-lg;
6060
left: -($b-custom-switch-width-lg + $b-custom-control-gutter-lg);
6161
width: $b-custom-switch-width-lg;
@@ -64,7 +64,7 @@
6464

6565
&::after {
6666
top: calc(
67-
#{(($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) / 2)} + #{$custom-control-indicator-border-width *
67+
#{(($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) * 0.5)} + #{$custom-control-indicator-border-width *
6868
2}
6969
);
7070
left: calc(
@@ -94,7 +94,7 @@
9494
line-height: $line-height-sm;
9595

9696
&::before {
97-
top: ($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) / 2;
97+
top: ($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) * 0.5;
9898
left: -($b-custom-switch-width-sm + $b-custom-control-gutter-sm);
9999
width: $b-custom-switch-width-sm;
100100
height: $b-custom-control-indicator-size-sm;
@@ -103,7 +103,7 @@
103103

104104
&::after {
105105
top: calc(
106-
#{(($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) / 2)} + #{$custom-control-indicator-border-width *
106+
#{(($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) * 0.5)} + #{$custom-control-indicator-border-width *
107107
2}
108108
);
109109
left: calc(

‎src/components/form-input/_form-input.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,20 +17,20 @@
1717
input[type="color"].form-control {
1818
height: $input-height;
1919
// We use the smaller padding to make the color block larger
20-
padding: ($input-padding-y-sm / 2) ($input-padding-x-sm / 2);
20+
padding: ($input-padding-y-sm * 0.5) ($input-padding-x-sm * 0.5);
2121
}
2222

2323
input[type="color"].form-control.form-control-sm,
2424
.input-group-sm input[type="color"].form-control {
2525
height: $input-height-sm;
2626
// We use the smaller padding to make the color block larger
27-
padding: ($input-padding-y-sm / 2) ($input-padding-x-sm / 2);
27+
padding: ($input-padding-y-sm * 0.5) ($input-padding-x-sm * 0.5);
2828
}
2929

3030
input[type="color"].form-control.form-control-lg,
3131
.input-group-lg input[type="color"].form-control {
3232
height: $input-height-lg;
33-
padding: ($input-padding-y-sm / 2) ($input-padding-x-sm / 2);
33+
padding: ($input-padding-y-sm * 0.5) ($input-padding-x-sm * 0.5);
3434
}
3535

3636
input[type="color"].form-control:disabled {

‎src/components/form-radio/_form-radio.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,15 @@
77
padding-left: $b-custom-control-gutter-lg + $b-custom-control-indicator-size-lg;
88

99
.custom-control-label::before {
10-
top: ($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) / 2;
10+
top: ($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) * 0.5;
1111
left: -($b-custom-control-gutter-lg + $b-custom-control-indicator-size-lg);
1212
width: $b-custom-control-indicator-size-lg;
1313
height: $b-custom-control-indicator-size-lg;
1414
border-radius: $b-custom-radio-indicator-border-radius-lg;
1515
}
1616

1717
.custom-control-label::after {
18-
top: ($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) / 2;
18+
top: ($font-size-lg * $line-height-lg - $b-custom-control-indicator-size-lg) * 0.5;
1919
left: -($b-custom-control-gutter-lg + $b-custom-control-indicator-size-lg);
2020
width: $b-custom-control-indicator-size-lg;
2121
height: $b-custom-control-indicator-size-lg;
@@ -30,15 +30,15 @@
3030
padding-left: $b-custom-control-gutter-sm + $b-custom-control-indicator-size-sm;
3131

3232
.custom-control-label::before {
33-
top: ($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) / 2;
33+
top: ($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) * 0.5;
3434
left: -($b-custom-control-gutter-sm + $b-custom-control-indicator-size-sm);
3535
width: $b-custom-control-indicator-size-sm;
3636
height: $b-custom-control-indicator-size-sm;
3737
border-radius: $b-custom-radio-indicator-border-radius-sm;
3838
}
3939

4040
.custom-control-label::after {
41-
top: ($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) / 2;
41+
top: ($font-size-sm * $line-height-sm - $b-custom-control-indicator-size-sm) * 0.5;
4242
left: -($b-custom-control-gutter-sm + $b-custom-control-indicator-size-sm);
4343
width: $b-custom-control-indicator-size-sm;
4444
height: $b-custom-control-indicator-size-sm;

‎src/components/skeleton/_skeleton.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@
104104

105105
// Fade animation
106106
.b-skeleton-animate-fade {
107-
animation: b-skeleton-animate-fade ($b-skeleton-animation-duration / 2) ease-in-out alternate
107+
animation: b-skeleton-animate-fade ($b-skeleton-animation-duration * 0.5) ease-in-out alternate
108108
infinite;
109109

110110
@media (prefers-reduced-motion: reduce) {
@@ -123,7 +123,7 @@
123123

124124
// Throb animation
125125
.b-skeleton-animate-throb {
126-
animation: b-skeleton-animate-throb ($b-skeleton-animation-duration / 2) ease-in alternate
126+
animation: b-skeleton-animate-throb ($b-skeleton-animation-duration * 0.5) ease-in alternate
127127
infinite;
128128

129129
@media (prefers-reduced-motion: reduce) {

0 commit comments

Comments
 (0)








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: http://github.com/bootstrap-vue/bootstrap-vue/commit/dd051e93cbb2ce41d3060eda2b5a82ce28fe183c

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy