.views-row { article.actu-teaser { background-color: white; padding: 2rem; box-sizing: border-box; > div:first-of-type { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; padding-left: $x_margin; padding-right: $x_margin; display: flex; align-items: center; a { img { height: auto; width: 100%; } .legende { display: none !important; } } } .preview_meta { font-family: "Marianne", sans-serif; font-size: $sm_font_size; width: auto; display: flex; justify-content: space-between; color: $teal; margin: 0 $x_margin; margin-top: 1.3rem; padding-top: 0.7rem; @media (min-width: $breakpoint_tablet) { font-size: $m_font_size; } } .preview_sous_titre { font-family: "Marianne", sans-serif; font-size: $m_font_size; padding: 5px $x_margin; @media (min-width: $breakpoint_tablet) { font-size: $l_font_size; padding-top: 0; } } h2 { margin-bottom: 0.5rem; @include main_title(); } } }