From 9c150f28e4a23dfb4965fc3a4cdee16933a3def5 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 14 Feb 2022 00:35:49 +0100
Subject: chore: improve footer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The "Mentions légales" link was not enough visible on small viewports
because of the back to top link. So I change the disposition to improve
that.
---
 src/components/FooterNav/FooterNav.module.scss | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

(limited to 'src/components/FooterNav/FooterNav.module.scss')

diff --git a/src/components/FooterNav/FooterNav.module.scss b/src/components/FooterNav/FooterNav.module.scss
index af72df0..73ea568 100644
--- a/src/components/FooterNav/FooterNav.module.scss
+++ b/src/components/FooterNav/FooterNav.module.scss
@@ -1,17 +1,20 @@
+@use "@styles/abstracts/mixins" as mix;
 @use "@styles/abstracts/placeholders";
 
-.wrapper {
-  font-size: var(--font-size-sm);
-}
-
 .list {
   @extend %flex-list;
+
   gap: var(--spacing-xs);
+  place-content: center;
 }
 
 .item {
-  &::before {
-    content: "\2022";
-    margin-right: var(--spacing-xs);
+  @include mix.media("screen") {
+    @include mix.dimensions("sm") {
+      &::before {
+        content: "\2022";
+        margin-right: var(--spacing-xs);
+      }
+    }
   }
 }
-- 
cgit v1.2.3