From 74fb537c21fb75e779baf338b78d75f094da394e Mon Sep 17 00:00:00 2001
From: alexanderdavide <alexeble1998@gmail.com>
Date: Wed, 16 Feb 2022 21:31:32 +0000
Subject: [PATCH] fix: align nav border highlight
---
assets/scss/partials/layout/_nav.scss | 38 +++++++++++++++++++++-----------------
1 files changed, 21 insertions(+), 17 deletions(-)
diff --git a/assets/scss/partials/layout/_nav.scss b/assets/scss/partials/layout/_nav.scss
index 6202b52..7396ed9 100644
--- a/assets/scss/partials/layout/_nav.scss
+++ b/assets/scss/partials/layout/_nav.scss
@@ -1,31 +1,46 @@
.nav {
display: none;
+ $py-desktop: 28px;
+
&__list {
margin: 0;
list-style: none;
padding: 0;
width: 100%;
+ @include desktop {
+ padding: $py-desktop 30px;
+ }
+
@include themed() {
background-color: t('primary-lighter');
}
&-item {
- line-height: 2.5;
- padding: 0.5rem 0.75rem;
+ padding: 16px 0;
text-transform: uppercase;
text-align: center;
- }
- @include desktop {
- padding: 20px 30px;
+ @include desktop {
+ padding-top: 0;
+ padding-bottom: 0;
+
+ &:not(:last-child) {
+ @include ltr {
+ padding-right: 20px;
+ }
+ @include rtl {
+ padding-left: 20px;
+ }
+ }
+ }
}
}
&__link {
&--active {
- padding-bottom: 22px;
+ padding-bottom: $py-desktop;
@include desktop {
@include themed() {
@@ -54,17 +69,6 @@
background-color: t('accent');
}
- &-item {
- &:not(:last-child) {
- @include ltr {
- padding-right: 20px;
- }
- @include rtl {
- padding-left: 20px;
- }
- }
- }
-
&--end {
flex-shrink: 1;
justify-content: flex-end;
--
Gitblit v1.10.0