From 9cf11d71dddd924db26059ffe7cdc6ea1fa678c8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 28 May 2017 21:24:44 -0700 Subject: [PATCH] move algolia overrides to separate scss partial --- docs/assets/scss/_algolia.scss | 100 ++++++++++++++++++++++++++++++++ docs/assets/scss/_sidebar.scss | 101 --------------------------------- docs/assets/scss/docs.scss | 1 + 3 files changed, 101 insertions(+), 101 deletions(-) create mode 100644 docs/assets/scss/_algolia.scss diff --git a/docs/assets/scss/_algolia.scss b/docs/assets/scss/_algolia.scss new file mode 100644 index 0000000000..1cc12a5832 --- /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 4c2c6a7a13..6ef4b1db91 100644 --- 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 78add9a7c6..10b9f01384 100644 --- 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";