7.1 loaders.content Content loading
This is loading animation purely designed for content lazy loading. There is multiple different variations to fit different kinds of content.
Examples
Default styling
.content-loading--one-word
This is used to placeholder a single word.
.content-loading--half-width
This is used to fill half of the space.
.content-loading--two-thirds-width
This is used to fill two thirds of the space.
.content-loading--vertical-space
This variation can be used if multiple loading effects are placed above each other.
Markup: components/content-loading/content-loading.twig
<div class="content-loading {{ modifier_class }}"></div>
Source:
components/content-loading/content-loading.scss
, line 1