mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 11:41:20 +08:00
40 lines
743 B
SCSS
40 lines
743 B
SCSS
|
|
// Transform Mixins
|
|
// --------------------------------------------------
|
|
|
|
|
|
@mixin transform($val) {
|
|
-webkit-transform: $val;
|
|
transform: $val;
|
|
}
|
|
|
|
@mixin translate($x, $y) {
|
|
@include transform( translate($x, $y) );
|
|
}
|
|
|
|
@mixin translate3d($x, $y, $z) {
|
|
@include transform( translate3d($x, $y, $z) );
|
|
}
|
|
|
|
@mixin translateZ($z) {
|
|
@include transform( translateZ($z) );
|
|
}
|
|
|
|
@mixin rotate($degrees) {
|
|
@include transform( rotate($degrees) );
|
|
}
|
|
|
|
@mixin scale($ratio) {
|
|
@include transform( scale($ratio) );
|
|
}
|
|
|
|
@mixin skew($x, $y) {
|
|
@include transform( skew($x, $y) );
|
|
-webkit-backface-visibility: hidden;
|
|
}
|
|
|
|
@mixin transform-origin($left, $top) {
|
|
-webkit-transform-origin: $left $top;
|
|
transform-origin: $left $top;
|
|
}
|