40 lines
1.2 KiB
SCSS
40 lines
1.2 KiB
SCSS
@use "../abstracts/variables" as *;
|
|
|
|
// =============================================================
|
|
// Composant article — page de détail
|
|
// =============================================================
|
|
// Styles spécifiques à l'affichage d'un article en pleine page.
|
|
// Les styles de la carte article en liste sont dans _card.scss.
|
|
|
|
// Bloc article — page de détail
|
|
.post {
|
|
padding: $spacing-md 0;
|
|
|
|
// Métadonnées (date, auteur) — même apparence que .card__meta
|
|
&__meta {
|
|
margin-bottom: $spacing-sm;
|
|
color: $color-text-muted;
|
|
}
|
|
|
|
// Mention de mise à jour
|
|
&__updated {
|
|
margin-bottom: $spacing-sm;
|
|
}
|
|
}
|
|
|
|
// Contenu HTML de l'article (généré par Trumbowyg, sanitisé par HTMLPurifier)
|
|
// word-break empêche le débordement d'URLs ou de mots longs sans espace sur mobile
|
|
.post__content {
|
|
word-break: break-word;
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
// Images insérées dans le contenu via Trumbowyg — sélecteur descendant sur <img>
|
|
// accepté ici car le contenu est généré par un éditeur WYSIWYG et non par des templates
|
|
.post__content img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
border-radius: $border-radius;
|
|
margin: $spacing-sm 0;
|
|
}
|