refactor transform mixins

This commit is contained in:
Adam Bradley
2014-02-20 16:29:35 -06:00
parent 575cb1cbb9
commit e34cda69e4

View File

@@ -353,35 +353,28 @@
// --------------------------------------------------
@mixin rotate($degrees) {
-webkit-transform: rotate($degrees);
-moz-transform: rotate($degrees);
transform: rotate($degrees);
@include transform( rotate($degrees) );
}
@mixin scale($ratio) {
-webkit-transform: scale($ratio);
-moz-transform: scale($ratio);
transform: scale($ratio);
@include transform( scale($ratio) );
}
@mixin translate($x, $y) {
-webkit-transform: translate($x, $y);
-moz-transform: translate($x, $y);
transform: translate($x, $y);
@include transform( translate($x, $y) );
}
@mixin skew($x, $y) {
-webkit-transform: skew($x, $y);
-moz-transform: skew($x, $y);
transform: skew($x, $y);
@include transform( skew($x, $y) );
-webkit-backface-visibility: hidden;
}
@mixin translate3d($x, $y, $z) {
-webkit-transform: translate3d($x, $y, $z);
-moz-transform: translate3d($x, $y, $z);
transform: translate3d($x, $y, $z);
@include transform( translate3d($x, $y, $z) );
}
@mixin translateZ($z) {
-webkit-transform: translateZ($z);
-moz-transform: translateZ($z);
transform: translateZ($z);
@include transform( translateZ($z) );
}
@mixin transform($val) {
-webkit-transform: $val;
-moz-transform: $val;
transform: $val;
}
@mixin transform-origin($left, $top) {