modify the game to allow using transforms
This commit is contained in:
+20
-10
@@ -24,11 +24,31 @@
|
||||
@mixin transition($args...) {
|
||||
-webkit-transition: $args;
|
||||
-moz-transition: $args;
|
||||
transition: $args;
|
||||
}
|
||||
|
||||
@mixin transition-property($args...) {
|
||||
-webkit-transition-property: $args;
|
||||
-moz-transition-property: $args;
|
||||
transition-property: $args;
|
||||
}
|
||||
|
||||
@mixin animation($args...) {
|
||||
-webkit-animation: $args;
|
||||
-moz-animation: $args;
|
||||
animation: $args;
|
||||
}
|
||||
|
||||
@mixin animation-fill-mode($args...) {
|
||||
-webkit-animation-fill-mode: $args;
|
||||
-moz-animation-fill-mode: $args;
|
||||
animation: $args;
|
||||
}
|
||||
|
||||
@mixin transform($args...) {
|
||||
-webkit-transform: $args;
|
||||
-moz-transform: $args;
|
||||
transform: $args;
|
||||
}
|
||||
|
||||
// Keyframe animations
|
||||
@@ -44,16 +64,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
@mixin animation($str) {
|
||||
-webkit-animation: #{$str};
|
||||
-moz-animation: #{$str};
|
||||
}
|
||||
|
||||
@mixin animation-fill-mode($str) {
|
||||
-webkit-animation-fill-mode: #{$str};
|
||||
-moz-animation-fill-mode: #{$str};
|
||||
}
|
||||
|
||||
// Media queries
|
||||
@mixin smaller($width) {
|
||||
@media screen and (max-width: $width) {
|
||||
|
||||
Reference in New Issue
Block a user