From 139b3a252c9f90de603be1a98e3186b359353541 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Wed, 22 Dec 2021 12:36:40 +0100
Subject: chore: replace svg imports with components

It allows me to control the colors of each SVG paths.
---
 src/components/MainNav/MainNav.module.scss | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

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

diff --git a/src/components/MainNav/MainNav.module.scss b/src/components/MainNav/MainNav.module.scss
index d732b99..8bd730f 100644
--- a/src/components/MainNav/MainNav.module.scss
+++ b/src/components/MainNav/MainNav.module.scss
@@ -3,6 +3,8 @@
 @use "@styles/abstracts/placeholders";
 
 .wrapper {
+  --icon-size: #{fun.convert-px(25)};
+
   display: flex;
   flex-flow: column nowrap;
   place-items: center;
@@ -17,6 +19,8 @@
     }
 
     @include mix.dimensions("md") {
+      --icon-size: #{fun.convert-px(30)};
+
       width: unset;
       height: unset;
     }
@@ -123,18 +127,6 @@
   }
 }
 
-.icon {
-  display: block;
-  width: fun.convert-px(25);
-  margin: auto;
-
-  @include mix.media("screen") {
-    @include mix.dimensions("md") {
-      width: fun.convert-px(30);
-    }
-  }
-}
-
 .checkbox:not(:checked) {
   ~ .nav {
     opacity: 0;
-- 
cgit v1.2.3