@import url('../tools/x-figure.css');

@define-mixin blockquote {
    @mixin figure;

    --buffer-above: 3.0rem;
    --buffer-below: 3.0rem;

    width: fit-content;
    padding-left: 1em;

    color: var(--global-color-tertiary--normal);
    font-size: var(--global-font-size--large);
    line-height: 1.7;

    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: currentcolor;
}

@define-mixin blockquote-caption {
    @mixin figure-caption;

    --buffer-above: 0; /* FAQ: cuz blockquote line-height is enough */
    --buffer-below: 0; /* FAQ: cuz blockquote-caption has no border */

    border-bottom: unset; /* to undo figure-caption */
}

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