- pause animation when it's not running

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change Log
 
+## v3.0.3 (upcoming)
+
+ - pause animation when it's not running
+
+
 ## v3.0.2
 
  - upgrade modules to fix vulnerabilities

dist/index.css

@@ -21,6 +21,7 @@
   display: block;
   background: none;
   animation: ldld-default 0.5s ease-in-out infinite;
+  animation-play-state: paused;
   border-radius: 50%;
   width: 100%;
   height: 100%;
@@ -29,6 +30,12 @@
   border: 2px solid #fff;
   border-color: currentColor transparent currentColor transparent;
 }
+.ldld.default.running:before,
+.ldld.full.running:before,
+.ldld.ldbtn.running:before,
+.ldld.bare.running:before {
+  animation-play-state: running;
+}
 /* default loader. auto centered */
 .ldld.default {
   position: absolute;

dist/index.min.css

@@ -19,14 +19,17 @@
     display: block
     background: none
     animation: ldld-default 0.5s ease-in-out infinite
+    animation-play-state: paused
     border-radius: 50%
     width: 100%
     height: 100%
     margin: 0
     box-sizing: border-box
     border: 2px solid #fff
     border-color: currentColor transparent currentColor transparent
-
+.ldld.default, .ldld.full, .ldld.ldbtn, .ldld.bare
+  &.running:before
+    animation-play-state: running
 
 @keyframes ldld-default
   0%