Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitdd051e9

Browse files
authored
fix: replace sass division with multiplication (#6834)
1 parentabaa1c5 commitdd051e9

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
@includeborder-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
@includeborder-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-sminput[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-lginput[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-outalternate
107+
animation: b-skeleton-animate-fade ($b-skeleton-animation-duration*0.5)ease-in-outalternate
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-inalternate
126+
animation: b-skeleton-animate-throb ($b-skeleton-animation-duration*0.5)ease-inalternate
127127
infinite;
128128

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

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp