Moved css classes to corresponding components

2024-09-19 09:46:12 +02:00
parent ff7dc69f7e
commit 01aafc347d
5 changed files with 17 additions and 15 deletions
--- a/components/Header/MainMenu/NavigationMenu/NavigationMenuList/navigationMenuList.module.css
+++ b/components/Header/MainMenu/NavigationMenu/NavigationMenuList/navigationMenuList.module.css
@@ -0,0 +1,26 @@
+.navigationMenu {
+  list-style: none;
+  margin: 0;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--Spacing-x4);
+  display: none;
+}
+
+.navigationMenu.mobile {
+  display: grid;
+  width: 100%;
+  gap: 0;
+  justify-content: stretch;
+  padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) var(--Spacing-x2);
+}
+
+.navigationMenu.mobile .item {
+  border-bottom: 1px solid var(--Base-Border-Subtle);
+}
+
+@media screen and (min-width: 768px) {
+  .navigationMenu.desktop {
+    display: flex;
+  }
+}