fix: ajout separator

This commit is contained in:
Kazhnuz 2024-10-05 18:24:02 +02:00
parent 155849deb0
commit 6023f8a7cc
4 changed files with 8 additions and 8 deletions

View file

@ -18,7 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Support des tableaux
- Ajout de classes utilitaires
- `.flex` afin d'aligner simplement horizontalement des éléments
- Ajout d'une navbar
- Ajout d'une navbar avec un outil pour séparer en bloc
## [2.0.0] - 2019-11-07

View file

@ -90,7 +90,7 @@ Le style des tableaux
Quelques classes CSS sont utilisées afin d'avoir quelques outils supplémentaires utiles, notamment dans le cadre des flexboxes.
- `.flex` est utilisé pour afficher deux éléments cotes à cotes
- `.toolbar-end` est utilsié pour afficher un élément à la fin d'une navbar (cela poussera tout les composants après). Il est utilisé par exemple dans le bouton "Source" de la navbar.
- `.separator` est utilsié pour afficher un élément à la fin d'une navbar (cela poussera tout les composants après). Il est utilisé par exemple dans le bouton "Changelog" de la navbar pour pousser les suivants.
- `.p` est utlisé pour se faire comporter une balise comme un paragraphe, se combine bien avec .flex dans les articles
- `.responsive-table` est utilisé dans un dev pour entourer un tableau et le rendre plus ou moins responsive

View file

@ -25,8 +25,8 @@ function parse(inFile, outFile) {
<ul>
<li><a href="/">🏠 Accueil</a></li>
<li><a href="/exemples.html">🗒 Exemples</a></li>
<li><a href="/changelog.html">📋 Changelog</a></li>
<li class="toolbar-end"><a href="https://git.kobold.cafe/kazhnuz/moineau">Sources</a></li>
<li class="separator"><a href="/changelog.html">📋 Changelog</a></li>
<li><a href="https://git.kobold.cafe/kazhnuz/moineau">Sources</a></li>
</ul>
</nav>
</header>

View file

@ -64,6 +64,10 @@ nav ul {
a, span {
padding: .5rem;
}
&.separator {
margin-right: auto;
}
}
}
@ -224,10 +228,6 @@ summary {
}
}
.toolbar-end {
margin-left: auto;
}
/* ------------------ INPUT ------------------- */
a, button, input {