- add !important for running in animation-play-state style to ensure animation to be succeffully run

 - bump verion

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change Logs
 
+## v2.0.4
+
+ - add `!important` for `running` in `animation-play-state` style to ensure animation to be succeffully run
+
+
 ## v2.0.3
 
  - animation-play-state should be running for ld element and its pseudo child.

dist/index.css

@@ -54,7 +54,7 @@
   opacity: 1;
   z-index: auto;
   visibility: visible;
-  animation-play-state: running;
+  animation-play-state: running !important;
 }
 .ld-ext-right.running > .ld:before,
 .ld-ext-left.running > .ld:before,
@@ -72,7 +72,7 @@
 .ld-over-inverse.running > .ld:after,
 .ld-over-full.running > .ld:after,
 .ld-over-full-inverse.running > .ld:after {
-  animation-play-state: running;
+  animation-play-state: running !important;
 }
 .ld-ext-right,
 .ld-ext-left,

dist/index.min.css

@@ -3,7 +3,7 @@
   "name": "ldbutton",
   "license": "MIT",
   "description": "css for buttons that load",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "style": "dist/index.min.css",
   "homepage": "https://loading.io/button/",
   "repository": {

package-lock.json

@@ -23,9 +23,9 @@
     opacity: 1
     z-index: auto
     visibility: visible
-    animation-play-state: running
+    animation-play-state: running!important
     &:before, &:after
-      animation-play-state: running
+      animation-play-state: running!important
 
 .ld-ext-right, .ld-ext-left, .ld-ext-bottom, .ld-ext-top
   transition-timing-function: ease-in