From 6023f8a7cc386d2751e24459e74df1496f125341 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Sat, 5 Oct 2024 18:24:02 +0200
Subject: [PATCH] fix: ajout separator

---
 CHANGELOG.md         | 2 +-
 exemples/exemples.md | 2 +-
 generate.js          | 4 ++--
 scss/moineau.scss    | 8 ++++----
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 31fce14..0ef035d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -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
 
diff --git a/exemples/exemples.md b/exemples/exemples.md
index d0f8be6..a691552 100644
--- a/exemples/exemples.md
+++ b/exemples/exemples.md
@@ -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
 
diff --git a/generate.js b/generate.js
index 2acf98f..57b96e6 100644
--- a/generate.js
+++ b/generate.js
@@ -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>
diff --git a/scss/moineau.scss b/scss/moineau.scss
index f28b594..076f6de 100644
--- a/scss/moineau.scss
+++ b/scss/moineau.scss
@@ -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 {