From 435703cc05ab6710a2d38181dc6ac6796c9f6d39 Mon Sep 17 00:00:00 2001
From: timotheegoguely <timothee@goguely.com>
Date: Mon, 2 Sep 2024 21:25:53 +0200
Subject: [PATCH] Update flex utility variables: rename --vertical-alignement
 to --items and --horizontal-alignement to --justify

---
 src/assets/css/src/1.3.compositions.flex.css | 4 ++--
 src/components/Menu.vue                      | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/assets/css/src/1.3.compositions.flex.css b/src/assets/css/src/1.3.compositions.flex.css
index bff648a..3793321 100644
--- a/src/assets/css/src/1.3.compositions.flex.css
+++ b/src/assets/css/src/1.3.compositions.flex.css
@@ -4,8 +4,8 @@
   display: flex;
   flex-direction: var(--direction, row);
   flex-wrap: var(--wrap, wrap);
-  align-items: var(--vertical-alignment, center);
-  justify-content: var(--horizontal-alignment, flex-start);
+  align-items: var(--items, center);
+  justify-content: var(--justify, flex-start);
   column-gap: var(--column-gap, var(--gutter, var(--space-sm)));
   row-gap: var(--row-gap, var(--gutter, var(--space-sm)));
 }
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index db4cc12..b1a7a88 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -52,14 +52,14 @@
 	#menu {
 		--flow-space: var(--space-2xl);
 		--direction: column;
-		--vertical-alignment: flex-start;
+		--items: flex-start;
 		width: var(--sidebar-width);
 		padding: var(--gap);
 		background: var(--color-background);
 	}
 
 	#menu header {
-		--horizontal-alignment: center;
+		--justify: center;
 		padding-left: var(--gap);
 		height: 40px;
 		font-family: var(--font-serif);
@@ -72,7 +72,7 @@
 
 	#menu ul {
 		--direction: column;
-		--vertical-alignment: flex-start;
+		--items: flex-start;
 		--row-gap: var(--space-xs);
 		width: 100%;
 	}