From 8f27e4fee2bff7201667fb3c90da657755c92c34 Mon Sep 17 00:00:00 2001
From: alexanderdavide <alexeble1998@gmail.com>
Date: Thu, 10 Feb 2022 21:37:48 +0000
Subject: [PATCH] refactor: sidebar
---
assets/scss/partials/components/_sidebar.scss | 63 ++++++++++++++++---------------
1 files changed, 33 insertions(+), 30 deletions(-)
diff --git a/assets/scss/partials/components/_sidebar.scss b/assets/scss/partials/components/_sidebar.scss
index e3e3b57..03b8b0e 100644
--- a/assets/scss/partials/components/_sidebar.scss
+++ b/assets/scss/partials/components/_sidebar.scss
@@ -2,10 +2,39 @@
-webkit-background-size: cover;
background-size: cover;
background-color: var(--bg-color);
- height: 100%;
- left: 0;
- z-index: 4;
- border-right: 1px solid var(--border-color);
+
+ @media screen and (min-width: 961px), print {
+ border-right: 1px solid $primary-lighter;
+ z-index: 3;
+ height: 100vh;
+ position: fixed;
+ width: $sidebar-width;
+ display: flex;
+ flex-direction: column;
+ }
+
+ @include widescreen {
+ padding-left: 17%;
+ padding-right: 3%;
+ width: calc(var(--sidebar-width) - 20%);
+ }
+
+ &-wrapper {
+ width: 100%;
+
+ @media screen and (min-width: 961px), print {
+ width: $sidebar-width;
+ }
+ }
+
+ &__content {
+ @media screen and (min-width: 961px), print {
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ justify-content: center;
+ }
+ }
&__list {
list-style: none;
@@ -53,30 +82,4 @@
margin: 1em;
}
}
-
-
-}
-
-@media screen and (min-width: 961px), print {
- .sidebar {
- height: 100vh;
- display: flex;
- flex-direction: column;
- position: fixed;
- width: $sidebar-width;
- &__content {
- display: flex;
- flex-direction: column;
- justify-content: center;
- flex-grow: 1;
- }
- }
-}
-
-@media (min-width: 1921px) {
- .sidebar {
- padding-left: 17%;
- padding-right: 3%;
- width: calc(var(--sidebar-width) - 20%);
- }
}
--
Gitblit v1.10.0