Skip to content
Snippets Groups Projects
links.sass 1.26 KiB
Newer Older
.block-links
    ul
        @include list-reset
        @include grid(2, md)
        align-items: flex-start
    li
        background-color: $block-lien-card-background
        display: flex
        flex-direction: column-reverse
        justify-content: flex-end
        min-height: pxToRem(130)
        position: relative
        .link-content
            padding: space(4)
        a
            @include stretched-link(before)
            &::after
                position: absolute
                bottom: space(4)
                right: space(4)
        p
            @include small
            margin-top: space()
        figure
Olivia206's avatar
Olivia206 committed
            position: relative
            img
                aspect-ratio: 16/9
                object-fit: cover
Olivia206's avatar
Olivia206 committed
            figcaption
                text-align: right
                padding-left: space(4)
                padding-right: space(4)
    @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