40 lines
1005 B
SCSS
40 lines
1005 B
SCSS
.fullpage.actus {
|
|
@media (min-width: $breakpoint_tablet) {
|
|
.actus_list {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
}
|
|
@media (min-width: $breakpoint_desktop) {
|
|
.actus_list {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
}
|
|
|
|
// En grille, deux teasers voisins peuvent se toucher : on déplace le
|
|
// border-bottom fluo de l'article vers le .preview_sous_titre pour qu'il
|
|
// reste à l'intérieur du teaser (padding de l'article en dessous).
|
|
// Spécifique à l'index actus — carousel home conserve son trait au bord.
|
|
.actus_list article.actu-teaser {
|
|
border-bottom: none;
|
|
.preview_sous_titre {
|
|
border-bottom: 7px solid $fluo_green;
|
|
}
|
|
}
|
|
}
|
|
|
|
.fullpage {
|
|
.actus_list {
|
|
h2 {
|
|
@media screen and (min-width: $breakpoint_tablet) {
|
|
font-size: $fs_xl !important;
|
|
}
|
|
}
|
|
.sous_titre {
|
|
@media screen and (min-width: $breakpoint_tablet) {
|
|
font-size: $fs_sm !important;
|
|
}
|
|
}
|
|
}
|
|
}
|