Rift.IO OSM R1 Initial Submission

[osm/UI.git] / skyquake / plugins / composer / src / src / styles / Animations.scss

diff --git a/skyquake/plugins/composer/src/src/styles/Animations.scss b/skyquake/plugins/composer/src/src/styles/Animations.scss
new file mode 100644 (file)
index 0000000..838ef5c
--- /dev/null
+++ b/skyquake/plugins/composer/src/src/styles/Animations.scss
@@ -0,0 +1,47 @@
+
+.-with-animations {
+       -webkit-animation-duration: 200ms;
+       animation-duration: 200ms;
+       -webkit-animation-fill-mode: both;
+       animation-fill-mode: both;
+}
+
+.deleteItemAnimation {
+       -webkit-animation-name: deleteItemKeyframes;
+       animation-name: deleteItemKeyframes;
+       position: fixed;
+}
+
+@-webkit-keyframes deleteItemKeyframes {
+       0% {
+               opacity: 1;
+               -webkit-filter: blur(0px);
+       }
+
+       50% {
+               opacity: 0.5;
+               -webkit-filter: blur(10px);
+       }
+
+       100% {
+               opacity: 0;
+               -webkit-filter: blur(20px);
+       }
+}
+
+@keyframes deleteItemKeyframes {
+       0% {
+               opacity: 1;
+               -webkit-filter: blur(0px);
+       }
+
+       50% {
+               opacity: 0.5;
+               -webkit-filter: blur(10px);
+       }
+
+       100% {
+               opacity: 0;
+               -webkit-filter: blur(20px);
+       }
+}