2018-07-16 19:30:54 +02:00
|
|
|
@mixin animation($property) {
|
|
|
|
-webkit-animation: $property;
|
|
|
|
-moz-animation: $property;
|
|
|
|
-ms-animation: $property;
|
|
|
|
-o-animation: $property;
|
|
|
|
animation: $property;
|
|
|
|
}
|
|
|
|
|
2018-07-16 16:38:14 +02:00
|
|
|
@mixin borderRadius($property) {
|
|
|
|
-webkit-border-radius: $property;
|
|
|
|
-moz-border-radius: $property;
|
|
|
|
border-radius: $property;
|
|
|
|
}
|
2018-07-16 17:28:09 +02:00
|
|
|
|
|
|
|
@mixin boxShadow($value) {
|
|
|
|
-webkit-box-shadow: $value;
|
|
|
|
-moz-box-shadow: $value;
|
|
|
|
box-shadow: $value;
|
|
|
|
}
|
2018-07-16 19:30:54 +02:00
|
|
|
|
|
|
|
@mixin keyframes($animationName) {
|
|
|
|
@-webkit-keyframes #{$animationName} {
|
|
|
|
$browser: '-webkit-' !global;
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
|
|
|
|
@-moz-keyframes #{$animationName} {
|
|
|
|
$browser: '-moz-' !global;
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
|
|
|
|
@-ms-keyframes #{$animationName} {
|
|
|
|
$browser: '-ms-' !global;
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
|
|
|
|
@-o-keyframes #{$animationName} {
|
|
|
|
$browser: '-o-' !global;
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes #{$animationName} {
|
|
|
|
$browser: '' !global;
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin transform($property) {
|
|
|
|
-webkit-transform: $property;
|
|
|
|
-moz-transform: $property;
|
|
|
|
-ms-transform: $property;
|
|
|
|
-o-transform: $property;
|
|
|
|
transform: $property;
|
|
|
|
}
|
2018-07-17 16:17:30 +02:00
|
|
|
|
|
|
|
@mixin userSelect($value) {
|
|
|
|
-webkit-user-select: $value;
|
|
|
|
-moz-user-select: $value;
|
|
|
|
-ms-user-select: $value;
|
|
|
|
user-select: $value;
|
|
|
|
}
|