From 1659d9d7cafd9f8a75ab2567d2d52b802b50225e Mon Sep 17 00:00:00 2001
From: Julie Thezenas <julie@lydra.fr>
Date: Tue, 24 May 2022 14:07:18 +0200
Subject: [PATCH] feat: reorder the header in his own file
---
common/common.scss | 66 +---------------------------------------------
scss/header.scss | 59 +++++++++++++++++++++++++++++++++++++++++
2 files changed, 60 insertions(+), 65 deletions(-)
create mode 100644 scss/header.scss
diff --git a/common/common.scss b/common/common.scss
index e4a1fb9..f335761 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -1,8 +1,4 @@
-@import 'banner';
-@import 'buttons';
-@import 'categories_box';
-@import 'footer';
-@import 'variables';
+@import 'banner', 'buttons', 'categories_box', 'footer', 'header', 'variables';
input[type="text"],
input[type="password"],
@@ -54,66 +50,6 @@ body {
background-color: $header_primary;
}
-// HEADER //
-.d-header {
- height: 5em;
- box-shadow: none;
-}
-
-.navigation-topics {
- .container.list-container {
- @include border-radius;
- box-shadow: 0 8px 60px 0 rgba(159, 161, 165, 0.1), 0 12px 90px 0 rgba(197, 197, 197, 0.1);
- padding: 2em;
- border-top: 8px solid $primary-medium;
- margin-top: .8em;
- }
-}
-
-.menu-panel .d-label {
- color: $primary;
-}
-
-.alert.alert-info {
- border-radius: 10px;
-}
-
-// MENU //
-
-.menu-panel .widget-link:hover, .menu-panel .widget-link:focus,
-.menu-panel .categories-link:hover, .menu-panel .categories-link:focus {
- background-color: var(--primary-medium-low);
-}
-
-.user-menu .quick-access-panel li:hover {
- background-color: var(--tertiary-low);
-}
-
-// Text //
-p {
- color: var(--primary);
-}
-
-.site-texts .site-text .site-text-value {
- color: var(--primary);
-}
-
-.th {
- color: var(--primary);
-}
-
-.permalink-description {
- color: var(--quarternary);
-}
-
-.admin-customize .themes-list-container .themes-list-item.inactive-indicator {
- color: var(--primary-medium);
-}
-
-.content-list h3 {
- color: var(--primary-medium);
-}
-
// PAGE home //
.custom-homepage-columns {
margin: 2em 0 2em 0;
diff --git a/scss/header.scss b/scss/header.scss
new file mode 100644
index 0000000..e47a562
--- /dev/null
+++ b/scss/header.scss
@@ -0,0 +1,59 @@
+// HEADER //
+.d-header {
+ height: 5em;
+ box-shadow: none;
+}
+
+.navigation-topics {
+.container.list-container {
+ @include border-radius;
+ box-shadow: 0 8px 60px 0 rgba(159, 161, 165, 0.1), 0 12px 90px 0 rgba(197, 197, 197, 0.1);
+ padding: 2em;
+ border-top: 8px solid $primary-medium;
+ margin-top: .8em;
+ }
+}
+
+.menu-panel .d-label {
+ color: $primary;
+}
+
+.alert.alert-info {
+ border-radius: 10px;
+}
+
+// MENU //
+
+.menu-panel .widget-link:hover, .menu-panel .widget-link:focus,
+.menu-panel .categories-link:hover, .menu-panel .categories-link:focus {
+ background-color: var(--primary-medium-low);
+}
+
+.user-menu .quick-access-panel li:hover {
+ background-color: var(--tertiary-low);
+}
+
+// TEXT //
+p {
+ color: var(--primary);
+}
+
+.site-texts .site-text .site-text-value {
+ color: var(--primary);
+}
+
+.th {
+ color: var(--primary);
+}
+
+.permalink-description {
+ color: var(--quarternary);
+}
+
+.admin-customize .themes-list-container .themes-list-item.inactive-indicator {
+ color: var(--primary-medium);
+}
+
+.content-list h3 {
+ color: var(--primary-medium);
+}
--
GitLab