61 lines
1.4 KiB
SCSS
61 lines
1.4 KiB
SCSS
/**
|
|
* Mixins to cover vendor prefixes
|
|
*
|
|
* @author n1474335 [n1474335@gmail.com]
|
|
* @copyright Crown Copyright 2017
|
|
* @license Apache-2.0
|
|
*/
|
|
|
|
@mixin box-sizing($value) {
|
|
-webkit-box-sizing: $value;
|
|
-moz-box-sizing: $value;
|
|
box-sizing: $value;
|
|
}
|
|
|
|
@mixin user-select($value) {
|
|
-webkit-touch-callout: $value;
|
|
-webkit-user-select: $value;
|
|
-khtml-user-select: $value;
|
|
-moz-user-select: $value;
|
|
-ms-user-select: $value;
|
|
user-select: $value;
|
|
}
|
|
|
|
@mixin rotate($value) {
|
|
-ms-transform: rotate($value);
|
|
-webkit-transform: rotate($value);
|
|
-moz-transform: rotate($value);
|
|
transform: rotate($value);
|
|
}
|
|
|
|
@mixin translateX($value) {
|
|
-ms-transform: translateX($value);
|
|
-webkit-transform: translateX($value);
|
|
-moz-transform: translateX($value);
|
|
transform: translateX($value);
|
|
}
|
|
|
|
@mixin translateY($value) {
|
|
-ms-transform: translateY($value);
|
|
-webkit-transform: translateY($value);
|
|
-moz-transform: translateY($value);
|
|
transform: translateY($value);
|
|
}
|
|
|
|
@mixin translate3d($x, $y, $z) {
|
|
-ms-transform: translate3d($x, $y, $z);
|
|
-webkit-transform: translate3d($x, $y, $z);
|
|
-moz-transform: translate3d($x, $y, $z);
|
|
transform: translate3d($x, $y, $z);
|
|
}
|
|
|
|
@mixin transition($value) {
|
|
-webkit-transition: $value;
|
|
transition: $value;
|
|
}
|
|
|
|
@mixin animation($value) {
|
|
-webkit-animation: $value;
|
|
animation: $value;
|
|
}
|