From f7e7222c17e1cc979e6926e14e06c38e73ec4541 Mon Sep 17 00:00:00 2001
From: alexanderdavide <alexeble1998@gmail.com>
Date: Wed, 16 Feb 2022 21:38:54 +0000
Subject: [PATCH] refactor: mobile first
---
assets/scss/partials/layout/_nav.scss | 49 ++++++++++++++++++++++---------------------------
1 files changed, 22 insertions(+), 27 deletions(-)
diff --git a/assets/scss/partials/layout/_nav.scss b/assets/scss/partials/layout/_nav.scss
index 7396ed9..d75bc66 100644
--- a/assets/scss/partials/layout/_nav.scss
+++ b/assets/scss/partials/layout/_nav.scss
@@ -1,7 +1,14 @@
.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;
@@ -9,14 +16,24 @@
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;
- }
- }
- }
-}
--
Gitblit v1.10.0