- animation-play-state should be running for ld element and its pseudo child.

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change Logs
 
+## v2.0.3
+
+ - animation-play-state should be running for ld element and its pseudo child.
+
+
 ## v2.0.2
 
  - set animatin-play-state based on if it's running

dist/index.css

@@ -56,6 +56,24 @@
   visibility: visible;
   animation-play-state: running;
 }
+.ld-ext-right.running > .ld:before,
+.ld-ext-left.running > .ld:before,
+.ld-ext-bottom.running > .ld:before,
+.ld-ext-top.running > .ld:before,
+.ld-over.running > .ld:before,
+.ld-over-inverse.running > .ld:before,
+.ld-over-full.running > .ld:before,
+.ld-over-full-inverse.running > .ld:before,
+.ld-ext-right.running > .ld:after,
+.ld-ext-left.running > .ld:after,
+.ld-ext-bottom.running > .ld:after,
+.ld-ext-top.running > .ld:after,
+.ld-over.running > .ld:after,
+.ld-over-inverse.running > .ld:after,
+.ld-over-full.running > .ld:after,
+.ld-over-full-inverse.running > .ld:after {
+  animation-play-state: running;
+}
 .ld-ext-right,
 .ld-ext-left,
 .ld-ext-bottom,

dist/index.min.css

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

package.json

@@ -24,6 +24,8 @@
     z-index: auto
     visibility: visible
     animation-play-state: running
+    &:before, &:after
+      animation-play-state: running
 
 .ld-ext-right, .ld-ext-left, .ld-ext-bottom, .ld-ext-top
   transition-timing-function: ease-in