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;