Refactor header & sidebar style

source/css/_common/outline/header/index.styl

@@ -9,14 +9,6 @@
   }
 }
 
-.column {
-  background: $head-bg;
-}
-
-.header {
-  main-container();
-}
-
 .site-brand-container {
   display: flex;
   flex-shrink: 0;

source/css/_schemes/Mist/_header.styl

@@ -1,5 +1,9 @@
 // Header
 // --------------------------------------------------
+.column {
+  background: var(--content-bg-color);
+}
+
 .header {
   align-items: center;
   display: flex;

source/css/_schemes/Muse/_layout.styl

@@ -1,3 +1,7 @@
+.header {
+  main-container();
+}
+
 .main-inner {
   main-container();
 

source/css/_schemes/Pisces/_header.styl

@@ -1,3 +1,11 @@
+.column {
+  width: $sidebar-desktop;
+
+  +tablet-mobile() {
+    width: auto;
+  }
+}
+
 .site-brand-container {
   background: var(--theme-color);
 

source/css/_schemes/Pisces/_layout.styl

@@ -2,11 +2,9 @@
   background: var(--content-bg-color);
   border-radius: $border-radius-inner;
   box-shadow: $box-shadow-inner;
-  width: $sidebar-desktop;
 
   +tablet-mobile() {
     border-radius: initial;
-    width: auto;
   }
 }
 

source/css/_schemes/Pisces/_sidebar.styl

@@ -1,10 +1,8 @@
 .sidebar {
-  margin-top: $sidebar-offset;
   // https://caniuse.com/css-sticky
   position: -webkit-sticky;
   position: sticky;
   top: $sidebar-offset;
-  width: $sidebar-desktop;
 
   +tablet-mobile() {
     display: none;
@@ -21,6 +19,7 @@
   box-shadow: $box-shadow;
   box-sizing: border-box;
   color: var(--text-color);
+  margin-top: $sidebar-offset;
 }
 
 .site-state-item {

source/css/_variables/Mist.styl

@@ -11,7 +11,6 @@ $link-decoration-color   = $grey-light;
 $content-bg-color        = $whitesmoke;
 $menu-item-bg-color      = $grey-lighter;
 
-$head-bg                 = var(--content-bg-color);
 $brand-color             = $black-deep;
 $brand-hover-color       = $brand-color;
 

source/css/_variables/base.styl

@@ -205,12 +205,8 @@ $headband-height                = 3px;
 $headband-bg                    = var(--theme-color);
 
 
-// Section Header
-// Variables for header section elements.
-// --------------------------------------------------
-$head-bg                        = transparent;
-
 // Site Meta
+// --------------------------------------------------
 $brand-color                    = white;
 $brand-hover-color              = white;
 $brand-color-dark               = $grey-lighter;