From 9548c0dcdbd51ab720af0f3f276bc2c98fb2953a Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Sat, 5 Oct 2024 17:25:05 +0200
Subject: [PATCH] feat: ajoute support hgroup

---
 CHANGELOG.md         |  1 +
 exemples/exemples.md | 18 ++++++++++++++++++
 scss/moineau.scss    |  9 +++++++++
 3 files changed, 28 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f76ca86..0bcca20 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Support des éléments HTML suivants :
   - Balise `<details>`
   - Support des éléments de formulaires
+  - Support des hgroups
 - Ajout de classes utilitaires
   - `.flex` afin d'aligner simplement horizontalement des éléments
 - Ajout d'une navbar
diff --git a/exemples/exemples.md b/exemples/exemples.md
index 8c56467..e714dbf 100644
--- a/exemples/exemples.md
+++ b/exemples/exemples.md
@@ -45,6 +45,24 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae augue ut en
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae augue ut enim iaculis consequat. 
 
+## Hgroup
+
+Les hgroup sont supporté. Tout texte dedans sera en gras, et les titres n'auront pas leur margin-bottom habituel :
+
+```html
+<hgroup>
+  <h1>Titre</h1>
+  <p>Sous-titre géré dans le hgroup</p>
+</hgroup>
+```
+
+donne le résultat suivant :
+
+<hgroup>
+    <h1>Titre</h1>
+    <p>Sous-titre géré dans le hgroup</p>
+</hgroup>
+
 ## Input
 
 Les différents types d'input ont des styles 
diff --git a/scss/moineau.scss b/scss/moineau.scss
index 1771b9d..4aa9e33 100644
--- a/scss/moineau.scss
+++ b/scss/moineau.scss
@@ -82,6 +82,7 @@ main,
 input,
 textarea,
 select,
+hgroup,
 article {
     padding: 0;
     margin: 0 0 1rem 0;
@@ -141,6 +142,14 @@ pre, code {
 
 /* ------------------ TITLES ------------------- */
 
+hgroup > :is(h1, h2, h3, h4, h5, h6) {
+  margin-bottom: 0;
+}
+
+hgroup {
+  font-weight: 700;
+}
+
 h1, h2, h3, h4, h5, h6 {
   text-align: left;
 	line-height: 1;