37
37
input {
38
38
display : @checkbox-input-display ;
39
39
}
40
-
41
- .mui-checkbox-label {
40
+
41
+ .mui-checkbox-label {
42
42
position : relative ;
43
43
left : @checkbox-label-spacing ;
44
44
padding : 0 5px ;
45
- }
46
-
45
+ }
46
+
47
47
.mui-checkbox-box {
48
48
.ease-out ;
49
49
background-color : @checkbox-box-background-color ;
52
52
box-sizing : @checkbox-box-box-sizing ;
53
53
height : @checkbox-box-size ;
54
54
position : @checkbox-box-position ;
55
+ -webkit-transform : @checkbox-box-transform ;
56
+ -moz-transform : @checkbox-box-transform ;
57
+ -ms-transform : @checkbox-box-transform ;
55
58
transform : @checkbox-box-transform ;
56
59
transform-origin : @checkbox-box-transform-origin ;
57
60
width : @checkbox-box-size ;
65
68
height : @checkbox-check-height ;
66
69
left : @checkbox-check-fix-left ;
67
70
position : @checkbox-check-position ;
71
+ -webkit-transform : @checkbox-check-transform ;
72
+ -moz-transform : @checkbox-check-transform ;
73
+ -ms-transform : @checkbox-check-transform ;
68
74
transform : @checkbox-check-transform ;
69
75
transform-origin : @checkbox-check-transform-origin ;
70
76
width : @checkbox-check-height ;
73
79
& .mui-checked {
74
80
.mui-checkbox-box {
75
81
.ease-out ;
82
+ -webkit-transform : rotate (45deg ) scale (0 );
83
+ -moz-transform : rotate (45deg ) scale (0 );
84
+ -ms-transform : rotate (45deg ) scale (0 );
76
85
transform : rotate (45deg ) scale (0 );
77
86
}
78
87
79
88
.mui-checkbox-check {
80
89
.ease-out ;
81
90
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 ;
82
94
transform : @checkbox-checked-check-transform ;
83
95
transition-delay : @checkbox-checked-check-transition-delay ;
84
96
width : @checkbox-checked-check-width ;
85
97
}
86
98
}
87
- }
99
+ }
0 commit comments