Skeleton

Name: Skeletonic
Author: Sebastien Rousseau

Placeholder blocks for content whose layout is already known.

Source: src/stylus/components/skeleton.styl

Text block

.skeleton-title, .skeleton-text, .skeleton-avatar, .skeleton-button.

<div class="skeleton skeleton-title"></div>
<div class="skeleton skeleton-text"></div>
<div class="skeleton skeleton-text"></div>

Add .skeleton-shimmer for a travelling highlight instead of a pulse.

<div class="skeleton skeleton-shimmer skeleton-title"></div>
<div class="skeleton skeleton-shimmer skeleton-text"></div>