3.x redesign

source/_assets/css/_search.css

@@ -0,0 +1,77 @@
+
+/*
+.docsearch-input {
+    background-image: url('assets/img/magnifying-glass.svg');
+    background-position: 0.8em;
+    background-repeat: no-repeat;
+    text-indent: 1.2em;
+
+    @screen lg {
+        &:focus {
+            @apply w-2/3;
+        }
+    }
+
+    @screen xl {
+        &:focus {
+            @apply w-3/4;
+        }
+    }
+
+     &__wrapper {
+        @apply absolute top-0 left-0 z-10 w-full px-4 mt-8 bg-white;
+
+        @screen md {
+            @apply relative px-0 mt-0;
+        }
+    }
+}*/
+
+.algolia-autocomplete {
+
+
+    @apply w-full text-right;
+
+    input#docsearch:focus {
+        @apply border-2 border-indigo-500 outline-none;
+    }
+
+    .ds-dropdown-menu {
+        @apply w-full;
+
+        max-width: 750px !important;
+        min-width: auto !important;
+
+        .algolia-docsearch-suggestion {
+            .algolia-docsearch-suggestion--content {
+                @apply w-full;
+
+                @screen md {
+                    @apply w-2/3;
+                }
+            }
+
+            .algolia-docsearch-suggestion--text {
+                @apply font-normal;
+                line-height: 1.4;
+            }
+
+            .algolia-docsearch-suggestion--wrapper {
+                @apply py-3;
+            }
+
+            .algolia-docsearch-suggestion--subcategory-column {
+                @apply hidden;
+
+                @screen md {
+                    @apply inline-block w-1/3;
+                }
+            }
+        }
+    }
+}
+
+
+.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
+    @apply text-indigo-700;
+}