Bladeren bron

add site-search-block scss script

REJack 4 jaren geleden
bovenliggende
commit
260e610e65
1 gewijzigde bestanden met toevoegingen van 36 en 0 verwijderingen
  1. 36 0
      build/scss/_main-header.scss

+ 36 - 0
build/scss/_main-header.scss

@@ -143,3 +143,39 @@
     }
   }
 }
+
+// Site Search
+.site-search-block {
+  position: absolute;
+  padding: 0 $nav-link-padding-x;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10;
+  display: none;
+  justify-content: center;
+  flex-direction: column;
+
+  @each $color, $value in $theme-colors {
+    @if $color != dark and $color != light {
+      .navbar-#{$color} & {
+        background-color: $value;
+      }
+    }
+  }
+
+  @each $color, $value in $colors {
+    .navbar-#{$color} & {
+      background-color: $value;
+    }
+  }
+
+  &.site-search-open {
+    display: flex;
+  }
+
+  .input-group {
+    width: 100%;
+  }
+}