feat: ajoute support hgroup
This commit is contained in:
parent
2aa2555b26
commit
9548c0dcdb
3 changed files with 28 additions and 0 deletions
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue