refactor: mobile first

lxndrblz · Feb 16, 2022 · f7e7222 · f7e7222
1 parent 74fb537
commit f7e7222
Showing 1 changed file with 22 additions and 27 deletions.
diff --git a/assets/scss/partials/layout/_nav.scss b/assets/scss/partials/layout/_nav.scss
@@ -1,22 +1,39 @@
 .nav {
+  $py-desktop: 28px;
+
   display: none;
 
-  $py-desktop: 28px;
+  @include desktop_and_print {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    box-shadow: none;
+  }
 
   &__list {
     margin: 0;
     list-style: none;
     padding: 0;
     width: 100%;
 
-    @include desktop {
-      padding: $py-desktop 30px;
-    }
-
     @include themed() {
       background-color: t('primary-lighter');
     }
 
+    @include desktop_and_print {
+      display: flex;
+      padding: $py-desktop 30px;
+
+      @include themed() {
+        background-color: t('accent');
+      }
+
+      &--end {
+        flex-shrink: 1;
+        justify-content: flex-end;
+      }
+    }
+
     &-item {
       padding: 16px 0;
       text-transform: uppercase;
@@ -54,25 +71,3 @@
     display: block;
   }
 }
-
-@include desktop_and_print {
-  .nav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    box-shadow: none;
-
-    &__list {
-      display: flex;
-
-      @include themed() {
-        background-color: t('accent');
-      }
-
-      &--end {
-        flex-shrink: 1;
-        justify-content: flex-end;
-      }
-    }
-  }
-}