Move Header Height to variable

readthedocs · Apr 12, 2021 · 25ea466 · 25ea466
1 parent 0d8ed6d
commit 25ea466
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/sass/_theme_layout.sass b/src/sass/_theme_layout.sass
@@ -298,8 +298,8 @@ html
   position: fixed
   top: 0
   width: 100%
-  height: 50px
-  line-height: 50px
+  height: $nav-header-height
+  line-height: $nav-header-height
   text-align: center
   font-size: 100%
   transition: top 0.4s
@@ -314,7 +314,7 @@ html
     cursor: pointer
     padding-top: inherit
     padding-left: $gutter / 4
-    line-height: 50px
+    line-height: $nav-header-height
 
 .wy-nav-content-wrap
   margin-left: $nav-desktop-width
@@ -398,7 +398,7 @@ footer
   .wy-nav-content-wrap
     margin-left: 0
     .wy-nav-content
-      margin-top: 50px
+      margin-top: $nav-header-height
       padding: $gutter
     &.shift
       position: fixed

diff --git a/src/sass/_theme_variables.sass b/src/sass/_theme_variables.sass
@@ -5,6 +5,7 @@
 $fa-font-path:                        "~font-awesome/fonts"
 $static-img:                          "../img/"
 
+$nav-header-height:                   50px
 $nav-content-width:                   800px
 $nav-media-query:                     $nav-desktop-width + $nav-content-width