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
img
aspect-ratio: 16/9
object-fit: cover
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