drupal-erable/web/themes/erabletheme/scss/partials/_articles_teaser.scss

52 lines
1.3 KiB
SCSS

.views-row {
article {
> div:first-of-type {
width: 100%;
height: 30vh;
overflow: hidden;
padding-left: $x_margin;
padding-right: $x_margin;
display: flex;
align-items: center;
a {
img {
height: auto;
width: 100%;
}
}
@media (min-width: $breakpoint_tablet) {
height: 20vh;
}
}
.preview_meta {
font-family: "Marianne", sans-serif;
font-size: $m_font_size;
width: auto;
display: flex;
justify-content: space-between;
color: $teal;
border-top: solid 1px $teal;
margin: 0 $x_margin;
margin-top: 1.3rem;
padding-top: 0.7rem;
> div:first-of-type {
font-weight: 800;
}
}
.preview_sous_titre {
font-family: "Marianne", sans-serif;
font-size: $l_font_size;
padding: 5px $x_margin;
@media (min-width: $breakpoint_tablet) {
padding-top: 0;
}
}
h2 {
@include main_title();
}
}
}