kazhnuz/moineau
1
0
Fork 0
Code Issues 7 Pull requests Releases 2 Wiki Activity

fix: ajout separator

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
CHANGELOG.md
View file

@ -18,7 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Support des tableaux - Support des tableaux
- 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 avec un outil pour séparer en bloc
## [2.0.0] - 2019-11-07 ## [2.0.0] - 2019-11-07

2
exemples/exemples.md
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. 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 - `.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 - `.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 - `.responsive-table` est utilisé dans un dev pour entourer un tableau et le rendre plus ou moins responsive

4
generate.js
View file

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

8
scss/moineau.scss
View file

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