move algolia overrides to separate scss partial

diff --git a/docs/assets/scss/_algolia.scss b/docs/assets/scss/_algolia.scss
new file mode 100644 (file)
index 0000000..1cc12a5
--- /dev/null
+++ b/docs/assets/scss/_algolia.scss
@@ -0,0 +1,100 @@
+// Docsearch overrides
+//
+// `!important` indicates overridden properties.
+.algolia-autocomplete {
+  display: block !important;
+  flex: 1;
+
+  // Menu container
+  .ds-dropdown-menu {
+    width: 100%;
+    min-width: 0 !important;
+    max-width: none !important;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid rgba(0,0,0,.1);
+    box-shadow: 0 .5rem 1rem rgba(0,0,0,.175);
+
+    // Caret
+    &::before {
+      display: none !important;
+    }
+
+    [class^=ds-dataset-] {
+      background-color: transparent !important;
+      border: 0 !important;
+    }
+  }
+
+  .algolia-docsearch-suggestion--category-header {
+    padding: .125rem 0 !important;
+    margin-top: 0 !important;
+    font-size: .75rem !important;
+    font-weight: 500 !important;
+    color: #767676 !important;
+    border-bottom: 0 !important;
+  }
+
+  .algolia-docsearch-suggestion--wrapper {
+    padding-top: 0 !important;
+  }
+
+  // Section header
+  .algolia-docsearch-suggestion--subcategory-column {
+    float: none !important;
+    width: auto !important;
+    padding: 0 !important;
+    text-align: left !important;
+  }
+
+  .algolia-docsearch-suggestion--content {
+    float: none !important;
+    width: auto !important;
+    padding: 0 !important;
+
+    // Vertical divider between column header and content
+    &::before {
+      display: none !important;
+    }
+  }
+
+  .ds-suggestion {
+    &:not(:first-child) {
+      .algolia-docsearch-suggestion--category-header {
+        margin-top: .5rem !important;
+      }
+    }
+
+    .algolia-docsearch-suggestion--subcategory-column {
+      display: none !important;
+    }
+  }
+
+  .algolia-docsearch-suggestion--title {
+    font-size: .875rem !important;
+    font-weight: 400 !important;
+  }
+
+  .algolia-docsearch-footer {
+    display: none !important;
+  }
+
+  .algolia-docsearch-suggestion--text {
+    padding-top: .5rem;
+    padding-bottom: .5rem;
+    font-weight: normal;
+  }
+
+  .algolia-docsearch-suggestion--highlight {
+    color: #5f2dab;
+    background-color: rgba(154, 132, 187, .12);
+  }
+
+  .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
+    box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .8) !important;
+  }
+
+  .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {
+    background-color: rgba(208, 189, 236, .12) !important;
+  }
+}

diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss
index 4c2c6a7a134079f5db5381e4e2883f15534f640d..6ef4b1db91376dc7ad0f9ffed3592da1d1c0568e 100644 (file)
--- a/docs/assets/scss/_sidebar.scss
+++ b/docs/assets/scss/_sidebar.scss
@@ -80,107 +80,6 @@
   color: $gray-dark;
 }
 
-// Docsearch overrides
-//
-// `!important` indicates overridden properties.
-.algolia-autocomplete {
-  display: block !important;
-  flex: 1;
-
-  // Menu container
-  .ds-dropdown-menu {
-    width: 100%;
-    min-width: 0 !important;
-    max-width: none !important;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid rgba(0,0,0,.1);
-    box-shadow: 0 .5rem 1rem rgba(0,0,0,.175);
-
-    // Caret
-    &::before {
-      display: none !important;
-    }
-
-    [class^=ds-dataset-] {
-      background-color: transparent !important;
-      border: 0 !important;
-    }
-  }
-
-  .algolia-docsearch-suggestion--category-header {
-    padding: .125rem 0 !important;
-    margin-top: 0 !important;
-    font-size: .75rem !important;
-    font-weight: 500 !important;
-    color: #767676 !important;
-    border-bottom: 0 !important;
-  }
-
-  .algolia-docsearch-suggestion--wrapper {
-    padding-top: 0 !important;
-  }
-
-  // Section header
-  .algolia-docsearch-suggestion--subcategory-column {
-    float: none !important;
-    width: auto !important;
-    padding: 0 !important;
-    text-align: left !important;
-  }
-
-  .algolia-docsearch-suggestion--content {
-    float: none !important;
-    width: auto !important;
-    padding: 0 !important;
-
-    // Vertical divider between column header and content
-    &::before {
-      display: none !important;
-    }
-  }
-
-  .ds-suggestion {
-    &:not(:first-child) {
-      .algolia-docsearch-suggestion--category-header {
-        margin-top: .5rem !important;
-      }
-    }
-
-    .algolia-docsearch-suggestion--subcategory-column {
-      display: none !important;
-    }
-  }
-
-  .algolia-docsearch-suggestion--title {
-    font-size: .875rem !important;
-    font-weight: 400 !important;
-  }
-
-  .algolia-docsearch-footer {
-    display: none !important;
-  }
-
-  .algolia-docsearch-suggestion--text {
-    padding-top: .5rem;
-    padding-bottom: .5rem;
-    font-weight: normal;
-  }
-
-  .algolia-docsearch-suggestion--highlight {
-    color: #5f2dab;
-    background-color: rgba(154, 132, 187, .12);
-  }
-
-  .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
-    box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .8) !important;
-  }
-
-  .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {
-    background-color: rgba(208, 189, 236, .12) !important;
-  }
-}
-
 .bd-sidenav {
   display: none;
 }

diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index 78add9a7c65e7f067a2076fa04b0f44a51c07767..10b9f0138403336fefb1a15a29901377dfb5c15f 100644 (file)
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -52,3 +52,4 @@
 // Load docs dependencies
 @import "syntax";
 @import "anchor";
+@import "algolia";