87 lines
2.2 KiB
SCSS
87 lines
2.2 KiB
SCSS
.actu_full {
|
|
div {
|
|
@include main_text_content();
|
|
}
|
|
.retour_actus {
|
|
padding-top: 3vh;
|
|
padding-left: $x_margin;
|
|
a {
|
|
font-size: $fs_xs;
|
|
font-weight: 800;
|
|
color: $teal;
|
|
}
|
|
}
|
|
.article_meta {
|
|
padding-top: 1.5rem;
|
|
padding-left: $x_margin;
|
|
margin: 20px 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 1.5rem;
|
|
div {
|
|
font-size: $fs_xs;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
// Le <h2> et .sous_titre ont été sortis dans .page-header-outside ;
|
|
// l'ancien sélecteur `h2 + div` est remplacé par `.article_meta + div`
|
|
// qui cible le wrapper de contenu directement.
|
|
.article_meta + div {
|
|
position: relative;
|
|
padding: 0 $x_margin;
|
|
.visually-hidden {
|
|
width: 0% !important;
|
|
}
|
|
> div {
|
|
> div {
|
|
width: 100%;
|
|
margin-bottom: 40px;
|
|
img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
h3, h4, h5, h6 {
|
|
margin-bottom: 1rem;
|
|
@include sous_titre();
|
|
}
|
|
|
|
.liens_fixed > div > div:nth-of-type(2) > div, .file_fixed > div > div > div {
|
|
padding: 0 calc($x_margin / 2);
|
|
text-align: right;
|
|
margin: 2rem 0;
|
|
@include fluo_button();
|
|
a {
|
|
display: inline-block;
|
|
// En mobile, ces liens sont en flux normal dans la colonne blanche,
|
|
// donc on contraste leur fond en gris pâle (en desktop ils sont
|
|
// position: fixed sur fond gris, on garde le fond blanc d'origine).
|
|
background-color: $page_bg;
|
|
}
|
|
@media (min-width: $breakpoint_desktop) {
|
|
margin-bottom: 0 !important;
|
|
margin: 0;
|
|
position: fixed;
|
|
left: 75vw;
|
|
bottom: 10vh;
|
|
> div {
|
|
height: 3vh;
|
|
}
|
|
a {
|
|
max-width: calc(25vw - $x_margin * 2);
|
|
background-color: white;
|
|
}
|
|
}
|
|
}
|
|
.file_fixed span:last-of-type {
|
|
display: none;
|
|
}
|
|
}
|