feat(): Introduce new styles for search (#86)

bart-krakowski · jedrzejchalubek · commit 9983cbf4c4ac · 2019-10-02T17:36:04.000+02:00
diff --git a/src/_sass/segment.scss b/src/_sass/segment.scss
@@ -69,3 +69,7 @@
 // =================================================
 @import "pages/docs";
 @import "pages/page";
+
+// Vendors
+// =================================================
+@import "vendors/swiftype";
diff --git a/src/_sass/vendors/_swiftype.scss b/src/_sass/vendors/_swiftype.scss
@@ -0,0 +1,40 @@
+.st-autocomplete-results.st-ui-autocomplete .st-query-present, .st-ui-slide-autocomplete .st-query-present {
+  border-radius: 0;
+  margin-top: -5px;
+}
+
+.st-ui-result.__swiftype_result {
+  display: flex;
+  color: color(gray-dark);
+  font-family: $font-family-primary;
+  padding: 18px 18px 18px 28px !important;
+
+  .st-ui-type-detail {
+    order: -1;
+    color: color(gray);
+    display: flex;
+    font-size: 14px !important;
+
+    &::after {
+      color: inherit;
+      display: block;
+      content: "/";
+      margin: 0 5px;
+    }
+  }
+
+  .st-ui-type-heading {
+    font-size: 14px !important;
+    line-height: 1.4;
+    font-weight: 500 !important;
+
+    em {
+      color: color(primary);
+      background-color: transparent !important;
+      box-shadow: none;
+      font-size: 14px;
+      line-height: 1.4;
+      font-weight: 500;
+    }
+  }
+}
