- set animatin-play-state based on if it's running

 - set transition on base classes instead of when running
 - upgrade dependencies

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Change Logs
 
+## v2.0.2 (upcoming)
+
+ - set animatin-play-state based on if it's running
+ - set transition on base classes instead of when running
+ - upgrade dependencies
+
+
 ## v2.0.1
 
  - limit transition to only the style we need to animate.

dist/index.css

@@ -26,6 +26,7 @@
   z-index: -1;
   transition: all 0.3s;
   transition-timing-function: ease-in;
+  animation-play-state: paused;
 }
 .ld-ext-right > .ld > *,
 .ld-ext-left > .ld > *,
@@ -53,42 +54,51 @@
   opacity: 1;
   z-index: auto;
   visibility: visible;
+  animation-play-state: running;
 }
 .ld-ext-right,
 .ld-ext-left,
 .ld-ext-bottom,
 .ld-ext-top {
   transition-timing-function: ease-in;
 }
-.ld-ext-right.running {
+.ld-ext-right {
   transition: padding-right 0.3s;
+}
+.ld-ext-right.running {
   padding-right: 2.5em !important;
 }
 .ld-ext-right > .ld {
   top: 50%;
   left: auto;
   right: 1.25em;
 }
-.ld-ext-left.running {
+.ld-ext-left {
   transition: padding-left 0.3s;
+}
+.ld-ext-left.running {
   padding-left: 2.5em !important;
 }
 .ld-ext-left > .ld {
   top: 50%;
   right: auto;
   left: 1.25em;
 }
-.ld-ext-bottom.running {
+.ld-ext-bottom {
   transition: padding-bottom 0.3s;
+}
+.ld-ext-bottom.running {
   padding-bottom: 2.5em !important;
 }
 .ld-ext-bottom > .ld {
   top: auto;
   left: 50%;
   bottom: 1.25em;
 }
-.ld-ext-top.running {
+.ld-ext-top {
   transition: padding-top 0.3s;
+}
+.ld-ext-top.running {
   padding-top: 2.5em !important;
 }
 .ld-ext-top > .ld {