[bug] fix header border filling full width

Author: zombieFox

css/base.css

@@ -56,7 +56,7 @@
   --font-fjalla: "Fjalla One Regular", sans-serif;
   --header-area-width: 100%;
   --header-shade-color: transparent;
-  --header-shade-opacity: none;
+  --header-shade-opacity: 0.95;
   --header-search-width: 0%;
   --header-border-top: 0;
   --header-border-bottom: 0;

css/header.css

@@ -48,21 +48,29 @@
   animation: none;
 }
 
+.is-header-border-top .header-shade {
+  border-top: calc(var(--line-width) * var(--header-border-top)) solid rgb(var(--theme-accent));
+}
+
+.is-header-border-bottom .header-shade {
+  border-bottom: calc(var(--line-width) * var(--header-border-bottom)) solid rgb(var(--theme-accent));
+}
+
 .header-area {
   padding: calc(var(--gutter) * var(--layout-padding-multiplier));
   position: relative;
   width: var(--header-area-width);
 }
 
 .is-header-border-top .header-area {
-  border-top: calc(var(--line-width) * var(--header-border-top)) solid rgb(var(--theme-accent));
+  border-top: calc(var(--line-width) * var(--header-border-top)) solid transparent;
 }
 
 .is-header-border-bottom .header-area {
-  border-bottom: calc(var(--line-width) * var(--header-border-bottom)) solid rgb(var(--theme-accent));
+  border-bottom: calc(var(--line-width) * var(--header-border-bottom)) solid transparent;
 }
 
-.is-header-radius .header-area {
+.is-header-radius .header-shade {
   border-radius: calc(var(--theme-radius) * 4);
 }
 

js/version.js

@@ -1,7 +1,7 @@
 var version = (function() {
 
   // version is normally bumped when the state needs changing or any new functionality is added
-  var current = "3.10.0";
+  var current = "3.10.1";
 
   var compare = function(a, b) {
     var pa = a.split(".");