feat: add scss setting, custom Site Header Height

xianmin · Nov 11, 2024 · 6e237ed · 6e237ed
1 parent 412ee13
commit 6e237ed
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git a/assets/sass/_partial/_header/_desktop_header.scss b/assets/sass/_partial/_header/_desktop_header.scss
@@ -45,7 +45,7 @@
 
     .menu-item {
       display: block;
-      height: 3em;
+      height: $desktop-header-height;
       position: relative;
 
       &:hover {

diff --git a/assets/sass/_partial/_header/_mobile_header.scss b/assets/sass/_partial/_header/_mobile_header.scss
@@ -1,5 +1,6 @@
 .mobile-header {
   display: none;
+  height: $mobile-header-height;
 
   a {
     text-decoration: none;

diff --git a/assets/sass/_settings.scss b/assets/sass/_settings.scss
@@ -15,6 +15,12 @@ $jane-theme-color: 'azure';
  *------------------------------------------------------------------------**/
 $article-max-width: 40em;
 
+/**------------------------------------------------------------------------
+ *                            Site Header Height
+ *------------------------------------------------------------------------**/
+$desktop-header-height: 4rem;
+$mobile-header-height: 3rem;
+
 /**------------------------------------------------------------------------
  *                            Font Settings
  *------------------------------------------------------------------------**/

diff --git a/assets/sass/jane.scss b/assets/sass/jane.scss
@@ -5,6 +5,8 @@
 
 $jane-theme-color: 'azure' !default;
 $article-max-width: 40em !default;
+$desktop-header-height: 80px !default;
+$mobile-header-height: 60px !default;
 $logo-font-family: 'Comic Sans MS', -apple-system, 'Open Sans', 'Segoe UI', 'Helvetica', Arial, sans-serif !default;
 $title-font-family: -apple-system, 'Open Sans', 'Segoe UI', 'Helvetica', Arial, sans-serif !default;
 $global-font-family: -apple-system,'Open Sans', 'Segoe UI', 'Helvetica', Arial, sans-serif !default;