first commit

assets/scss/components/_post.scss

@@ -0,0 +1,39 @@
+@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;
+}