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 `
` - 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 +
+

Titre

+

Sous-titre géré dans le hgroup

+
+``` + +donne le résultat suivant : + +
+

Titre

+

Sous-titre géré dans le 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;