From b308c282b741cf4053519b10f70a67ffce79a874 Mon Sep 17 00:00:00 2001
From: Jack <jacklukic@gmail.com>
Date: Sun, 16 Sep 2018 21:11:12 -0700
Subject: [PATCH] Fix interval on animation for placeholder

---
 src/definitions/elements/placeholder.less         | 10 +++++-----
 src/themes/default/elements/placeholder.variables |  3 +++
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/definitions/elements/placeholder.less b/src/definitions/elements/placeholder.less
index b36a07cf2..85ece00ba 100644
--- a/src/definitions/elements/placeholder.less
+++ b/src/definitions/elements/placeholder.less
@@ -44,16 +44,16 @@
   margin-top: @consecutivePlaceholderSpacing;
 }
 .ui.placeholder + .ui.placeholder {
-  animation-delay: 0.1s;
+  animation-delay: @placeholderAnimationInterval;
 }
 .ui.placeholder + .ui.placeholder + .ui.placeholder {
-  animation-delay: 0.2s;
+  animation-delay: (@placeholderAnimationInterval * 2);
 }
 .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
-  animation-delay: 0.3s;
+  animation-delay: (@placeholderAnimationInterval * 3);
 }
 .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
-  animation-delay: 0.4s;
+  animation-delay: (@placeholderAnimationInterval * 4);
 }
 
 .ui.placeholder,
@@ -227,6 +227,6 @@
         Fluid
 --------------------*/
 
-.ui.fluid.placehlder {
+.ui.fluid.placeholder {
   max-width: none;
 }
diff --git a/src/themes/default/elements/placeholder.variables b/src/themes/default/elements/placeholder.variables
index 32fd2b5f3..9e741979e 100644
--- a/src/themes/default/elements/placeholder.variables
+++ b/src/themes/default/elements/placeholder.variables
@@ -8,6 +8,9 @@
 
 @placeholderSpacing: @relative20px;
 
+/* Interval between consecutive placeholders */
+@placeholderAnimationInterval: 0.15s;
+
 /* Repeated Placeholder */
 @consecutivePlaceholderSpacing: 2rem;