fix: add pulse animation duration variable, fix imports

etchteam · Apr 9, 2024 · 99911c7 · 99911c7
1 parent e1d2454
commit 99911c7
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/components/content/LoadingButton/LoadingButton.css b/components/content/LoadingButton/LoadingButton.css
@@ -1,4 +1,4 @@
-@import url('styles/tokens/pulse.css');
+@import url('/styles/tokens/pulse.css');
 
 diamond-loading-button {
   --_size: 1rem;
@@ -11,7 +11,7 @@ diamond-loading-button {
   input:not([type='file']),
   input[type='file']::file-selector-button {
     align-items: center;
-    animation: pulse 3s infinite linear;
+    animation: pulse var(--diamond-pulse-duration) infinite linear;
     appearance: none;
     background: linear-gradient(
       90deg,

diff --git a/components/content/LoadingImage/LoadingImage.css b/components/content/LoadingImage/LoadingImage.css
@@ -1,10 +1,10 @@
-@import url('styles/tokens/pulse.css');
+@import url('/styles/tokens/pulse.css');
 
 diamond-loading-img {
   img {
     visibility: hidden;
   }
-  animation: pulse 3s infinite linear;
+  animation: pulse var(--diamond-pulse-duration) infinite linear;
   background: linear-gradient(
     90deg,
     var(--diamond-color-grey-100) 25%,

diff --git a/components/content/LoadingText/LoadingText.css b/components/content/LoadingText/LoadingText.css
@@ -1,7 +1,7 @@
-@import url('styles/tokens/pulse.css');
+@import url('/styles/tokens/pulse.css');
 
 diamond-loading-text {
-  animation: pulse 3s infinite linear;
+  animation: pulse var(--diamond-pulse-duration) infinite linear;
   appearance: none;
   background: linear-gradient(
     90deg,

diff --git a/styles/tokens/transition.css b/styles/tokens/transition.css
@@ -10,6 +10,8 @@
   --diamond-transition-boing: var(--diamond-transition-duration-boing)
     var(--diamond-transition-timing-boing);
 
+  --diamond-pulse-duration: 3s;
+
   --diamond-transition-enter-duration: 0.5s;
   --diamond-transition-enter-timing: ease-in-out;
   --diamond-transition-enter-timing-boing: linear(