fix: ajout separator
This commit is contained in:
parent
155849deb0
commit
6023f8a7cc
4 changed files with 8 additions and 8 deletions
|
@ -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
|
||||
|
||||
|
|
|
@ -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
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue