Skip to content

Commit e0175e3

Browse files
committed
add "transform" vendor prefixes
1 parent 552f408 commit e0175e3

File tree

1 file changed

+17
-5
lines changed

1 file changed

+17
-5
lines changed

docs/dist/less/components/checkbox.less

+17-5
Original file line numberDiff line numberDiff line change
@@ -37,13 +37,13 @@
3737
input {
3838
display: @checkbox-input-display;
3939
}
40-
41-
.mui-checkbox-label {
40+
41+
.mui-checkbox-label {
4242
position: relative;
4343
left: @checkbox-label-spacing;
4444
padding: 0 5px;
45-
}
46-
45+
}
46+
4747
.mui-checkbox-box {
4848
.ease-out;
4949
background-color: @checkbox-box-background-color;
@@ -52,6 +52,9 @@
5252
box-sizing: @checkbox-box-box-sizing;
5353
height: @checkbox-box-size;
5454
position: @checkbox-box-position;
55+
-webkit-transform: @checkbox-box-transform;
56+
-moz-transform: @checkbox-box-transform;
57+
-ms-transform: @checkbox-box-transform;
5558
transform: @checkbox-box-transform;
5659
transform-origin: @checkbox-box-transform-origin;
5760
width: @checkbox-box-size;
@@ -65,6 +68,9 @@
6568
height: @checkbox-check-height;
6669
left: @checkbox-check-fix-left;
6770
position: @checkbox-check-position;
71+
-webkit-transform: @checkbox-check-transform;
72+
-moz-transform: @checkbox-check-transform;
73+
-ms-transform: @checkbox-check-transform;
6874
transform: @checkbox-check-transform;
6975
transform-origin: @checkbox-check-transform-origin;
7076
width: @checkbox-check-height;
@@ -73,15 +79,21 @@
7379
&.mui-checked {
7480
.mui-checkbox-box {
7581
.ease-out;
82+
-webkit-transform: rotate(45deg) scale(0);
83+
-moz-transform: rotate(45deg) scale(0);
84+
-ms-transform: rotate(45deg) scale(0);
7685
transform: rotate(45deg) scale(0);
7786
}
7887

7988
.mui-checkbox-check {
8089
.ease-out;
8190
height: @checkbox-checked-check-height;
91+
-webkit-transform: @checkbox-checked-check-transform;
92+
-moz-transform: @checkbox-checked-check-transform;
93+
-ms-transform: @checkbox-checked-check-transform;
8294
transform: @checkbox-checked-check-transform;
8395
transition-delay: @checkbox-checked-check-transition-delay;
8496
width: @checkbox-checked-check-width;
8597
}
8698
}
87-
}
99+
}

0 commit comments

Comments
 (0)