footer.sass

footer[role="contentinfo"]
    background: $footer-background-color
    color: $footer-color
    padding-bottom: $spacing3
    padding-top: $spacing3
    margin-top: $spacing4
    .logo
        img
            height: $footer-logo-height
            max-width: 100%
            width: auto
            @include media-breakpoint-up(md)
                height: $footer-logo-height-md
    ul
        @include list-reset
        li
            + li
                margin-top: $spacing0
            a:not(:hover)
                text-decoration-color: transparent
    .footer
        &-site
            @include small
        &-social, &-legals, &-credit
            @include meta
        &-credit
            display: block
            margin-top: $spacing0

    @include media-breakpoint-down(md)
        .container
            > * + *
                margin-top: $spacing3
    @include media-breakpoint-up(md)
        .container
            @include grid(2, md, $spacing4)
        .footer
            &-site, &-social
                text-align: right
            &-social
                order: 4
                align-self: end