Skip to content
Snippets Groups Projects
links.sass 1.29 KiB
Newer Older
.block-links
    ul
        @include list-reset
        @include grid(2, md)
        align-items: flex-start
    li
Olivia206's avatar
Olivia206 committed
        @include icon(link-blank, after, true)
        background-color: $block-lien-card-background
        display: flex
        flex-direction: column-reverse
        justify-content: flex-end
        min-height: pxToRem(130)
        position: relative
Olivia206's avatar
Olivia206 committed
        &::after
            position: absolute
            bottom: space(4)
            right: space(4)
        .link-content
            padding: space(4)
Olivia206's avatar
Olivia206 committed
            line-height: 100%
        a
            @include stretched-link(before)
Olivia206's avatar
Olivia206 committed
            text-decoration: none
        p
            @include small
Olivia206's avatar
Olivia206 committed
            margin-top: space(3)
        .media
            aspect-ratio: 16/9
Olivia206's avatar
Olivia206 committed
            position: relative
Olivia206's avatar
Olivia206 committed
                display: block
                aspect-ratio: 16/9
                object-fit: cover
    @include in-page-without-sidebar
        .top
            display: flex
            gap: var(--grid-gutter)
            .block-title
                width: columns(4)
            .description
                flex: 1
                margin-top: 0
        ul
            @include grid(3, md)
    @include media-breakpoint-down(desktop)
        ul
            li + li
                margin-top: $spacing-3