Phoenix Reisen Styleguide
Examples
Default styling


Daten werden geladen...

.loader--overlay
zentriert & absolut positioniert über Container mit .loader-parent - inkl. seichtem Hintergrund


Daten werden geladen...

Markup
<div class="loader-parent gray6" style="height: 200px">
    <article class="loader [modifier class]">
        <p class="loader__spinner">
            <i class="fab fa-cuttlefish fa-spin"></i><br />
            Daten werden geladen...
        </p>
    </article>
</div>
Source: components/_loader.scss, line 1