feat: ajoute support hgroup

This commit is contained in:
Kazhnuz 2024-10-05 17:25:05 +02:00
parent 2aa2555b26
commit 9548c0dcdb
3 changed files with 28 additions and 0 deletions

View file

@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Support des éléments HTML suivants : - Support des éléments HTML suivants :
- Balise `<details>` - Balise `<details>`
- Support des éléments de formulaires - Support des éléments de formulaires
- Support des hgroups
- Ajout de classes utilitaires - Ajout de classes utilitaires
- `.flex` afin d'aligner simplement horizontalement des éléments - `.flex` afin d'aligner simplement horizontalement des éléments
- Ajout d'une navbar - Ajout d'une navbar

View file

@ -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. 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 ## Input
Les différents types d'input ont des styles Les différents types d'input ont des styles

View file

@ -82,6 +82,7 @@ main,
input, input,
textarea, textarea,
select, select,
hgroup,
article { article {
padding: 0; padding: 0;
margin: 0 0 1rem 0; margin: 0 0 1rem 0;
@ -141,6 +142,14 @@ pre, code {
/* ------------------ TITLES ------------------- */ /* ------------------ TITLES ------------------- */
hgroup > :is(h1, h2, h3, h4, h5, h6) {
margin-bottom: 0;
}
hgroup {
font-weight: 700;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
text-align: left; text-align: left;
line-height: 1; line-height: 1;