From b17a78273768d5fe399d6e81f3e0059d488acc77 Mon Sep 17 00:00:00 2001
From: Alexander Bilz <mail@alexbilz.com>
Date: Fri, 11 Feb 2022 12:21:19 +0000
Subject: [PATCH] refactor: navbarburger
---
assets/scss/partials/components/_navbarburger.scss | 61 ++++++++++++++----------------
1 files changed, 29 insertions(+), 32 deletions(-)
diff --git a/assets/scss/partials/components/_navbarburger.scss b/assets/scss/partials/components/_navbarburger.scss
index e0a8793..e61cd6e 100644
--- a/assets/scss/partials/components/_navbarburger.scss
+++ b/assets/scss/partials/components/_navbarburger.scss
@@ -1,39 +1,36 @@
.navbar-burger {
- display: none;
-}
+ cursor: pointer;
+ display: block;
+ height: 3.25rem;
+ position: relative;
+ width: 3.25rem;
+ margin-left: auto;
-@media screen and (max-width: 960px) {
- .navbar-burger {
- cursor: pointer;
+ &__line {
+ background-color: $primary;
display: block;
- height: 3.25rem;
- position: relative;
- width: 3.25rem;
- margin-left: auto;
+ height: 1px;
+ left: calc(50% - 8px);
+ position: absolute;
+ transform-origin: center;
+ transition-duration: 86ms;
+ transition-property: background-color, opacity, transform;
+ transition-timing-function: ease-out;
+ width: 16px;
- &__line {
- background-color: $primary;
- display: block;
- height: 1px;
- left: calc(50% - 8px);
- position: absolute;
- transform-origin: center;
- transition-duration: 86ms;
- transition-property: background-color, opacity, transform;
- transition-timing-function: ease-out;
- width: 16px;
-
- &:nth-child(1) {
- top: calc(50% - 6px);
- }
-
- &:nth-child(2) {
- top: calc(50% - 1px);
- }
-
- &:nth-child(3) {
- top: calc(50% + 4px);
- }
+ &:nth-child(1) {
+ top: calc(50% - 6px);
}
+
+ &:nth-child(2) {
+ top: calc(50% - 1px);
+ }
+
+ &:nth-child(3) {
+ top: calc(50% + 4px);
+ }
+ }
+ @include desktop {
+ display: none;
}
}
--
Gitblit v1.10.0