// Content
//
// A contribued content container able to tyle every standard element and widget inside.
//
// This class can be used on any block containing some contribued content.
//
// Markup: content.twig
//
// Styleguide: Components.Content
.content

    // Link
    a:not([class])
        color var(--color-links)
        transition filter .2s linear

        &:hover
            filter brightness(60%)

    // Paragraphes
    > p:not([class])
        margin-bottom _lh(.5)

    // Image + legend
    //
    // should look like `.media`
    figure
        margin-bottom _lh(.5)

    // copy of media>figcaption and media-caption style
    figcaption
        _pt(.5)
        font-size .85em
        color var(--color-secondary)
        line-height 1.2

        // overide anchor text color (<a> without href)
        > a
            color currentColor

    // Separator
    hr
        margin-top 0
        margin-bottom _lh(.5)
        background-color var(--color-borders)

    // Quote
    blockquote
        font-size _rem(16px)
        margin-bottom _lh(.5)

    // Iframe
    iframe
        margin-bottom _lh(.5)
        width 100%
        max-width 100%