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

68 lines
1.8 KiB
SCSS

.views-row {
article.actu-teaser {
background-color: white;
padding: 1rem;
box-sizing: border-box;
border-bottom: 7px solid $fluo_green;
@media screen and (min-width: $breakpoint_tablet) {
padding: 2rem;
}
> div:first-of-type {
width: 100%;
aspect-ratio: 20 / 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 {
@include meta_text();
width: auto;
display: flex;
justify-content: space-between;
margin: 0 $x_margin;
margin-top: 1.3rem;
padding-top: 0.7rem;
margin-left: 0;
@media (min-width: $breakpoint_tablet) {
margin-left: unset;
}
}
.preview_sous_titre {
@include main_text_content();
padding: 5px $x_margin;
padding-left: 0 !important;
.sous_titre {
line-height: $lh_normal !important;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: $breakpoint_tablet) {
padding-left: unset;
padding-top: unset !important;
}
}
h2 {
@include sous_titre_alt();
margin-bottom: 0.5rem;
margin-top: 1rem !important;
padding: 0 !important;
a { color: inherit; text-decoration: none; }
}
}
}