From 9233393976d0f108cd03692aa0c5939ab5b1b46b Mon Sep 17 00:00:00 2001
From: Simon <spriet@salsify.com>
Date: Fri, 24 Mar 2023 15:45:00 +0100
Subject: [PATCH] fix(#7): Converted to .less and added fix for this mennu-item

---
 Whiter banner.css  | 20 -------------------
 Whiter banner.less | 50 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 20 deletions(-)
 delete mode 100644 Whiter banner.css
 create mode 100644 Whiter banner.less

diff --git a/Whiter banner.css b/Whiter banner.css
deleted file mode 100644
index ef9076f..0000000
--- a/Whiter banner.css	
+++ /dev/null
@@ -1,20 +0,0 @@
-@-moz-document domain("salsify.com"),
-domain("alkemics.com") {
-    .Navbar {
-        color: white !important;
-    }
-    .Navbar .active {
-        color: white !important;
-        font-weight: bold !important;
-    }
-    .Navbar a.nav-link:hover {
-        color: white !important;
-        font-weight: bold !important;
-    }
-    .Navbar__menu>li.nav-item a.nav-link.active:after {
-        background: white;
-    }
-    .AuthLayoutFooter__logo {
-        border-top: 1px solid #fff;
-    }
-}
\ No newline at end of file
diff --git a/Whiter banner.less b/Whiter banner.less
new file mode 100644
index 0000000..ab2c21c
--- /dev/null
+++ b/Whiter banner.less	
@@ -0,0 +1,50 @@
+@-moz-document domain("supplierxm.salsify.com"),
+domain("alkemics.com") {
+    .Navbar {
+        --white: white;
+        --bold: bold;
+        color: var(--white) !important;
+
+        li.nav-item>a.nav-link {
+            color: var(--white);
+
+            &.active {
+                color: var(--white) !important;
+                font-weight: var(--bold);
+
+                .SharingUnitDropdown__Dropdown span.nav-item {
+                    font-weight: var(--bold);
+                }
+            }
+
+            &:hover {
+                color: var(--white);
+                font-weight: var(--bold);
+
+            }
+
+            /* Fix for SharingUnits Dropdown */
+            .SharingUnitDropdown__Dropdown {
+                span.nav-item {
+                    color: var(--white);
+
+                    &:hover {
+                        font-weight: var(--bold);
+                    }
+                }
+
+                .SharingUnitDropdown__OptionText {
+                    font-weight: initial;
+                }
+            }
+        }
+
+        .Navbar__menu>li.nav-item a.nav-link.active:after {
+            background: white;
+        }
+
+        .AuthLayoutFooter__logo {
+            border-top: 1px solid #fff;
+        }
+    }
+}
\ No newline at end of file
-- 
2.47.2