Animations

Currently there is only one predefined CSS animation available.

rotateplane

The rotateplane animation is used in waiting and loading components.

Usage: animation rotateplane 1s infinite linear;

The Icon--loading icon uses this animation:

Example

Loading

Markup

<span class="Icon Icon--loading Icon--large" style="color: #373333">
    <span class="Icon-label">Loading</span>
</span>