Update

Co-Authored-By: JehanKandy  <jehankandy@gmail.com>
Co-Authored-By: Vinura Pathirana <154809219+VinuraPathirana@users.noreply.github.com>

Author: 3 people

site/assets/scss/app.css

@@ -1,5 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Kanit&family=Roboto&display=swap");
-.all-navbar, .other-nav, .text-nav, .column-nav, .button-nav {
+.all-navbar {
   background-color: var(--jk-purple);
   height: var(--jk-navheight);
   padding: 50px 0 0 0;
@@ -8,7 +8,7 @@
   color: var(--jk-mfont-color);
 }
 
-.header, .example-nav .header, .get-nav .header {
+.header, .example-nav .header, .get-nav .header, .other-nav .header, .text-nav .header, .column-nav .header, .button-nav .header {
   background-color: #A020F0;
   color: #fff;
   padding: 50px 0;
@@ -40,10 +40,6 @@
   padding-bottom: 40px;
 }
 
-.other-nav, .text-nav, .column-nav, .button-nav {
-  height: var(--othernav-height);
-}
-
 :root {
   --jk-purple: #A020F0;
   --jk-navheight: 30vh;

site/assets/scss/app.min.css

@@ -1,4 +1,4 @@
-.all-navbar, .other-nav, .text-nav, .column-nav, .button-nav {
+.all-navbar {
   background-color: var(--jk-purple);
   height: var(--jk-navheight);
   padding: 50px 0 0 0;
@@ -7,7 +7,7 @@
   color: var(--jk-mfont-color);
 }
 
-.header, .example-nav .header, .get-nav .header {
+.header, .example-nav .header, .get-nav .header, .other-nav .header, .text-nav .header, .column-nav .header, .button-nav .header {
   background-color: #A020F0;
   color: #fff;
   padding: 50px 0;
@@ -37,8 +37,4 @@
 
 .header .quote {
   padding-bottom: 40px;
-}
-
-.other-nav, .text-nav, .column-nav, .button-nav {
-  height: var(--othernav-height);
 }

site/assets/scss/navbar.css

@@ -36,9 +36,8 @@
 .header .quote{
     padding-bottom: 40px;
 }
-.other-nav{
-    @extend .all-navbar;
-    height: var(--othernav-height);
+.other-nav .header{
+    @extend .header;
 }
 .get-nav .header{
     @extend .header;