Skip to content

Commit 442de53

Browse files
committed
use lesshat for the vendor prefix on transform
1 parent e0175e3 commit 442de53

File tree

1 file changed

+4
-16
lines changed

1 file changed

+4
-16
lines changed

docs/dist/less/components/checkbox.less

+4-16
Original file line numberDiff line numberDiff line change
@@ -52,10 +52,7 @@
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;
58-
transform: @checkbox-box-transform;
55+
.lh-transform(@checkbox-box-transform);
5956
transform-origin: @checkbox-box-transform-origin;
6057
width: @checkbox-box-size;
6158
}
@@ -68,30 +65,21 @@
6865
height: @checkbox-check-height;
6966
left: @checkbox-check-fix-left;
7067
position: @checkbox-check-position;
71-
-webkit-transform: @checkbox-check-transform;
72-
-moz-transform: @checkbox-check-transform;
73-
-ms-transform: @checkbox-check-transform;
74-
transform: @checkbox-check-transform;
68+
.lh-transform(@checkbox-check-transform);
7569
transform-origin: @checkbox-check-transform-origin;
7670
width: @checkbox-check-height;
7771
}
7872

7973
&.mui-checked {
8074
.mui-checkbox-box {
8175
.ease-out;
82-
-webkit-transform: rotate(45deg) scale(0);
83-
-moz-transform: rotate(45deg) scale(0);
84-
-ms-transform: rotate(45deg) scale(0);
85-
transform: rotate(45deg) scale(0);
76+
.lh-transform(rotate(45deg) scale(0));
8677
}
8778

8879
.mui-checkbox-check {
8980
.ease-out;
9081
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;
94-
transform: @checkbox-checked-check-transform;
82+
.lh-transform(@checkbox-checked-check-transform);
9583
transition-delay: @checkbox-checked-check-transition-delay;
9684
width: @checkbox-checked-check-width;
9785
}

0 commit comments

Comments
 (0)