/* To add space above and below small text beneath these patterns */
@define-mixin figure {
    --buffer-above: 0;
    --buffer-below: 1.5rem;

    margin-block: var(--buffer-above) var(--buffer-below);
}

@define-mixin figure-caption {
    --buffer-above: 1.0rem;
    --buffer-below: 1.0rem;

    opacity: 0.75;

    line-height: 1.7;
    font-style: italic;
    font-size: var(--global-font-size--small);

    margin-top: var(--buffer-above);
    padding-bottom: var(--buffer-below);

    border-bottom-width: var(--global-border-width--normal);
    border-bottom-style: solid;
    border-bottom-color: var(--global-color-primary--normal);
}

/* DEPRECATED */
.x-figure { @mixin figure; }
.x-figure-caption { @mixin figure-caption; }