From 6c80d2035a970f7e26ad9740a16b13a66ece790d Mon Sep 17 00:00:00 2001
From: Khosrow Moossavi <khos2ow@gmail.com>
Date: Wed, 05 Sep 2018 20:42:59 +0000
Subject: [PATCH] Fix navigation (#73)
---
assets/scss/_navigation.scss | 131 +++++++++++++++++++++----------------------
assets/scss/_navigation_rtl.scss | 9 ++
2 files changed, 71 insertions(+), 69 deletions(-)
diff --git a/assets/scss/_navigation.scss b/assets/scss/_navigation.scss
index 065cdeb..5c64861 100644
--- a/assets/scss/_navigation.scss
+++ b/assets/scss/_navigation.scss
@@ -11,79 +11,76 @@
font-size: 1.4rem;
}
}
-}
-.navigation-list {
- float: right;
- list-style: none;
- margin-bottom: 0;
- margin-top: 0;
- @media only screen and (max-device-width : 768px) {
- position: absolute;
- top: 6.0rem;
- right: 0;
- z-index: 5;
- visibility: hidden;
- opacity: 0;
- padding: 0;
- max-height: 0;
- width: 100%;
- background-color: $bg-color;
- border-top: solid 2px $alt-bg-color;
- border-bottom: solid 2px $alt-bg-color;
- transition: opacity 0.25s, max-height 0.15s linear;
- }
-}
-
-.navigation-item {
- float: left;
- margin: 0;
- position: relative;
- @media only screen and (max-device-width : 768px) {
- float: none !important;
- text-align: center;
- a, span {
- line-height: 5.0rem;
+ .navigation-list {
+ float: right;
+ list-style: none;
+ margin-bottom: 0;
+ margin-top: 0;
+ @media only screen and (max-device-width : 768px) {
+ position: absolute;
+ top: 6.0rem;
+ right: 0;
+ z-index: 5;
+ visibility: hidden;
+ opacity: 0;
+ padding: 0;
+ max-height: 0;
+ width: 100%;
+ background-color: $bg-color;
+ border-top: solid 2px $alt-bg-color;
+ border-bottom: solid 2px $alt-bg-color;
+ transition: opacity 0.25s, max-height 0.15s linear;
+ }
+ .navigation-item {
+ float: left;
+ margin: 0;
+ position: relative;
+ @media only screen and (max-device-width : 768px) {
+ float: none !important;
+ text-align: center;
+ a, span {
+ line-height: 5.0rem;
+ }
+ }
+ a, span {
+ margin-left: 1.0rem;
+ margin-right: 1.0rem;
+ }
+ }
+ .menu-separator {
+ @media only screen and (max-device-width : 768px) {
+ border-top: 2px solid $fg-color;
+ margin: 0 8.0rem;
+ span {
+ display: none;
+ }
+ }
}
}
- a, span {
- margin-left: 1.0rem;
- margin-right: 1.0rem;
- }
-}
-.menu-button {
- display: none;
- @media only screen and (max-device-width : 768px) {
- display: block;
- font-size: 2.4rem;
- font-weight: 400;
- line-height: 6.0rem;
- color: $fg-color;
- cursor: pointer;
- }
-}
-
-.menu-separator {
- @media only screen and (max-device-width : 768px) {
- border-top: 2px solid $fg-color;
- margin: 0 8.0rem;
- span {
- display: none;
+ #menu-toggle {
+ display: none;
+ @media only screen and (max-device-width : 768px) {
+ &:checked + label {
+ color: $alt-bg-color;
+ }
+ &:checked + label + ul {
+ visibility: visible;
+ opacity: 1;
+ max-height: 100rem;
+ }
}
}
-}
-
-#menu-toggle {
- display: none;
- @media only screen and (max-device-width : 768px) {
- &:checked + label {
- color: $alt-bg-color;
- }
- &:checked + label + ul {
- visibility: visible;
- opacity: 1;
- max-height: 100rem;
+ .menu-button {
+ display: none;
+ @media only screen and (max-device-width : 768px) {
+ display: block;
+ font-size: 2.4rem;
+ font-weight: 400;
+ line-height: 6.0rem;
+ color: $fg-color;
+ cursor: pointer;
}
}
}
diff --git a/assets/scss/_navigation_rtl.scss b/assets/scss/_navigation_rtl.scss
index 0393925..ce85394 100644
--- a/assets/scss/_navigation_rtl.scss
+++ b/assets/scss/_navigation_rtl.scss
@@ -5,9 +5,14 @@
left: 0;
right: auto;
}
+ .navigation-item {
+ float: right;
+ }
}
- .navigation-item {
- float: right;
+ .menu-button {
+ @media only screen and (max-device-width : 768px) {
+ float: left;
+ }
}
}
--
Gitblit v1.10.0