mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-24 20:36:49 +00:00
New animation mixin
This commit is contained in:
committed by
Will Marshall
parent
8c6e0c6b18
commit
4a053a50ea
@@ -32,6 +32,33 @@
|
||||
transition: all 100ms ease-in-out
|
||||
-webkit-transform-style: preserve-3d
|
||||
|
||||
@mixin animate-in
|
||||
-webkit-animation: cssAnimation 100ms 1 ease-in
|
||||
-moz-animation: cssAnimation 100ms 1 ease-in
|
||||
-o-animation: cssAnimation 100ms 1 ease-in
|
||||
|
||||
@-webkit-keyframes cssAnimation
|
||||
from
|
||||
-webkit-transform: rotate(180deg) scale(0.25) skew(0deg) translate(0px)
|
||||
to
|
||||
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px)
|
||||
|
||||
|
||||
@-moz-keyframes cssAnimation
|
||||
from
|
||||
-moz-transform: rotate(180deg) scale(0.25) skew(0deg) translate(0px)
|
||||
to
|
||||
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px)
|
||||
|
||||
|
||||
@-o-keyframes cssAnimation
|
||||
from
|
||||
-o-transform: rotate(180deg) scale(0.25) skew(0deg) translate(0px)
|
||||
to
|
||||
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px)
|
||||
|
||||
|
||||
|
||||
@mixin box-shadow($box-shadow)
|
||||
-moz-box-shadow: $box-shadow
|
||||
-webkit-box-shadow: $box-shadow
|
||||
|
||||
Reference in New Issue
Block a user