From 889243efa5f39d2c5ebc3fe63f71b5af6c1a734e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ce=CC=81dric=20Andrietti?= <candrietti@beapi.fr>
Date: Fri, 2 Oct 2026 12:11:34 +0200
Subject: [PATCH] style(Skip Links): update background color and link styles;
 enhance layout with flex properties

---
 src/scss/05-components/_skip-links.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/scss/05-components/_skip-links.scss b/src/scss/05-components/_skip-links.scss
index 1b54203e..5ccd96af 100644
--- a/src/scss/05-components/_skip-links.scss
+++ b/src/scss/05-components/_skip-links.scss
@@ -1,5 +1,6 @@
 @use "../01-abstract/constants" as *;
 @use "../01-abstract/variables" as *;
+@use "../01-abstract/theme-json" as *;
 
 .skip-links {
 	position: fixed;
@@ -8,19 +9,23 @@
 	z-index: 11; // Under header
 	width: 100%;
 	padding: 8px 10px 10px;
-	background-color: $color-primary;
+	background-color: $settings-color-black;
 	opacity: 0;
 	transition: transform .3s $ease-out-expo, opacity .3s;
 	transform: translate3d(0, -100%, 0);
 
 	ul {
 		display: flex;
+		flex-wrap: wrap;
+		row-gap: 8px;
+		padding: 0;
+		margin: 0;
 		list-style: none;
 	}
 
 	a {
 		font-size: 13px;
-		color: $color-text;
+		color: $settings-color-white;
 		text-decoration: none;
 	}