Images

Figure

<figure>
    <img src="/background.jpg" alt="Sparkle image" />
</figure>

Figcaption

This is an example of figure caption

<figure>
    <img src="/background.jpg" alt="Sparkle image" />
    <figcaption>This is an example of figure caption</figcaption>
</figure>

Full width images

<img src="/background.jpg" alt="Sparkle image" class="img--full" />

SCSS

Variables

// Figure
$figure-margin: 0 0 1rem !default;

// Figcaption
$figcaption-margin-top: 0.5rem !default;
$figcaption-color: $dark-gray !default;
$figcaption-font-size: $small-font-size !default;