pjax

source/css/_search/local-search.styl

@@ -12,7 +12,8 @@
       outline: none
       border: 2px solid $search-color
       border-radius: 2rem
-      background: $search-bg
+      background: var(--search-bg)
+      color: var(--search-input-color)
       font-size: 14px
       -webkit-appearance: none
 
@@ -23,7 +24,7 @@
 
     &:hover
       &:before
-        border-color: $theme-button-hover-color
+        border-color: $pseudo-hover
 
     &:before
       $w = .3rem
@@ -41,7 +42,7 @@
 
     a
       display: block
-      color: $font-black
+      color: var(--search-result-title)
       font-weight: 600
       font-size: 14px
       cursor: pointer
@@ -62,4 +63,8 @@
 
   .search-result-list
     overflow-y: auto
-    max-height: 10.5rem
+    max-height: 10.5rem
+
+    @media screen and (max-width: $sm)
+      padding-bottom: 2rem
+      max-height: 75vh !important