viz support, search bug fix, hooks for sub-path link

#7 #9 #10 #11 #12

6 files changed, 45 insertions, 14 deletions

diff --git a/assets/sass/abstracts/_variables.scss b/assets/sass/abstracts/_variables.scss
index b59062c..3a67ca3 100644
--- a/assets/sass/abstracts/_variables.scss
+++ b/assets/sass/abstracts/_variables.scss
@@ -21,7 +21,7 @@ $code-font-stack: Consolas,
               Courier, 
               monospace !default;
 
-$z-indexes: ("drawer", "modal", "dropdown", "navbar", "header", "gtt", "clipboard", "grid", "search-btn", "search", "menu", "content", "footer", "taxo", "toc", "gallery-mask", "section-title", "highlight");
+$z-indexes: ("drawer", "modal", "dropdown", "navbar", "header", "gtt", "clipboard", "grid", "search-btn", "search", "menu", "content", "landing", "footer", "taxo", "toc", "gallery-mask", "section-title", "highlight");
 
 $breakpoints: (
   'xs': 0,
diff --git a/assets/sass/components/_drawer.scss b/assets/sass/components/_drawer.scss
index 2e81c18..4ef3659 100644
--- a/assets/sass/components/_drawer.scss
+++ b/assets/sass/components/_drawer.scss
@@ -29,6 +29,9 @@
       @include flexbox();
       @include align-items(center);
       @include justify-content(flex-start);
+      @include themify($themes) {
+        color: themed('title-color');
+      }
     }
   }
 
diff --git a/assets/sass/components/_search.scss b/assets/sass/components/_search.scss
index e2a5e08..40ac802 100644
--- a/assets/sass/components/_search.scss
+++ b/assets/sass/components/_search.scss
@@ -6,19 +6,34 @@
   z-index: z('search'); 
   margin: 0 0.75rem;
 
+  &[data-bgimg="true"] {
+    @include themify($themes) {
+      border: 2px solid themed('search-border-color');
+      background-color: transparent;
+      &:focus-within {
+        background-color: themed("search-background-color");
+        border: 2px solid themed('search-border-active-color');
+        @include box-shadow(0, 0, 0, 3px, themed('search-border-outline-color'));
+      }
+    }
+  }
+
+  &[data-bgimg="false"] {
+    @include themify($themes) {
+      border: 2px solid themed('search-border-color');
+      background-color: themed("search-background-color");
+      &:focus-within {
+        border: 2px solid themed('search-border-active-color');
+        @include box-shadow(0, 0, 0, 3px, themed('search-border-outline-color'));
+      }
+    }
+  }
+
   @include box-shadow(0, 0, 0, 3px, transparent);
   @include transition(all, 0.2s, ease-in);
   @include flexbox();
   @include align-items(center);
   @include transition(all, 0.15s, ease);
-  @include themify($themes) {
-    border: 2px solid themed('search-border-color');
-    background-color: themed("search-background-color");
-    &:focus-within {
-      border: 2px solid themed('search-border-active-color');
-      @include box-shadow(0, 0, 0, 3px, themed('search-border-outline-color'));
-    }
-  }
 
   @media only screen and (max-width: 1280px) {
     width: 170px;
diff --git a/assets/sass/layout/_footer.scss b/assets/sass/layout/_footer.scss
index 72b00b5..d1a5d04 100644
--- a/assets/sass/layout/_footer.scss
+++ b/assets/sass/layout/_footer.scss
@@ -19,6 +19,9 @@
 
     &--wrapper {
       @include flexbox();
+      @media only screen and (max-width: 600px) {
+        @include flex-direction(column);
+      }
     }
 
     &--title {
diff --git a/assets/sass/layout/_navbar.scss b/assets/sass/layout/_navbar.scss
index 3d54756..4a424bb 100644
--- a/assets/sass/layout/_navbar.scss
+++ b/assets/sass/layout/_navbar.scss
@@ -17,15 +17,22 @@
     right: 0;
     top: 0;
     z-index: z('navbar');
-    box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 6px rgba(60,65,70,0.1);
+    color: inherit;
+
+    &[data-bgimg="true"] {
+      background-color: transparent;
+    }
+
+    &[data-bgimg="false"] {
+      box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 6px rgba(60,65,70,0.1);
+      @include themify($themes) {
+        background-color: themed('navbar-background-color');
+      }
+    }
 
     @include flexbox();
     @include align-items(center);
     @include justify-content(center);
-    @include themify($themes) {
-      color: inherit;
-      background-color: themed('navbar-background-color');
-    }
   }
 
   &__menu {
diff --git a/assets/sass/pages/_home.scss b/assets/sass/pages/_home.scss
index a1f7f49..e855f99 100644
--- a/assets/sass/pages/_home.scss
+++ b/assets/sass/pages/_home.scss
@@ -13,10 +13,13 @@
 
     &--img {
       margin: 0.5rem;
+      z-index: z('landing');
     }
 
     &--txt {
       margin: 2.5rem 0.5rem;
+      z-index: z('landing');
+
       .title {
         font-size: 56px;
         font-weight: 900;