Browse Source

Fix interval on animation for placeholder

placeholder
Jack 6 years ago
parent
commit
b308c282b7
2 changed files with 8 additions and 5 deletions
  1. 10
      src/definitions/elements/placeholder.less
  2. 3
      src/themes/default/elements/placeholder.variables

10
src/definitions/elements/placeholder.less

@ -44,16 +44,16 @@
margin-top: @consecutivePlaceholderSpacing; margin-top: @consecutivePlaceholderSpacing;
} }
.ui.placeholder + .ui.placeholder { .ui.placeholder + .ui.placeholder {
animation-delay: 0.1s;
animation-delay: @placeholderAnimationInterval;
} }
.ui.placeholder + .ui.placeholder + .ui.placeholder { .ui.placeholder + .ui.placeholder + .ui.placeholder {
animation-delay: 0.2s;
animation-delay: (@placeholderAnimationInterval * 2);
} }
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder { .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 { .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
animation-delay: 0.4s;
animation-delay: (@placeholderAnimationInterval * 4);
} }
.ui.placeholder, .ui.placeholder,
@ -227,6 +227,6 @@
Fluid Fluid
--------------------*/ --------------------*/
.ui.fluid.placehlder {
.ui.fluid.placeholder {
max-width: none; max-width: none;
} }

3
src/themes/default/elements/placeholder.variables

@ -8,6 +8,9 @@
@placeholderSpacing: @relative20px; @placeholderSpacing: @relative20px;
/* Interval between consecutive placeholders */
@placeholderAnimationInterval: 0.15s;
/* Repeated Placeholder */ /* Repeated Placeholder */
@consecutivePlaceholderSpacing: 2rem; @consecutivePlaceholderSpacing: 2rem;

Loading…
Cancel
Save