diff options
author | Mark Otto <markdotto@gmail.com> | 2017-07-04 23:24:51 +0300 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2017-07-04 23:24:51 +0300 |
commit | bf63d052c0d4afeb8b5e8fdf4ff376e3dd75bbd0 (patch) | |
tree | 0bf12f5e050469f5dd202d1e88cc2a0757c3bd3c /docs/assets | |
parent | 4bf6d7cb29073296e68a1e0bb59d122e9e95e17e (diff) |
stub out docsearch additions
Diffstat (limited to 'docs/assets')
-rw-r--r-- | docs/assets/less/algolia.less | 139 | ||||
-rw-r--r-- | docs/assets/less/docs.less | 1 | ||||
-rw-r--r-- | docs/assets/less/sidebar.less | 4 |
3 files changed, 144 insertions, 0 deletions
diff --git a/docs/assets/less/algolia.less b/docs/assets/less/algolia.less new file mode 100644 index 0000000000..8ab9785e5b --- /dev/null +++ b/docs/assets/less/algolia.less @@ -0,0 +1,139 @@ +// 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; + padding: .75rem 0 !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); + + @media min-width(@screen-sm-min) { + width: 175%; + } + + // Caret + &::before { + display: none !important; + } + + [class^=ds-dataset-] { + padding: 0 !important; + overflow: visible !important; + background-color: transparent !important; + border: 0 !important; + } + + .ds-suggestions { + margin-top: 0 !important; + } + } + + .algolia-docsearch-suggestion { + padding: 0 !important; + overflow: visible !important; + } + + .algolia-docsearch-suggestion--category-header { + padding: .125rem 1rem !important; + margin-top: 0 !important; + font-size: .875rem !important; + font-weight: 500 !important; + color: #7952b3 !important; + border-bottom: 0 !important; + } + + .algolia-docsearch-suggestion--wrapper { + float: none !important; + 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 { + padding-top: .75rem !important; + margin-top: .75rem !important; + border-top: 1px solid rgba(0,0,0,.1); + } + } + + .algolia-docsearch-suggestion--subcategory-column { + display: none !important; + } + } + + .algolia-docsearch-suggestion--title { + display: block; + padding: .25rem 1rem !important; + margin-bottom: 0 !important; + font-size: .875rem !important; + font-weight: 400 !important; + } + + .algolia-docsearch-suggestion--text { + padding: 0 1rem .5rem !important; + margin-top: -.25rem; + font-size: .875rem !important; + font-weight: normal; + line-height: 1.25 !important; + } + + .algolia-docsearch-footer { + float: none !important; + width: auto !important; + height: auto !important; + padding: .75rem 1rem 0; + font-size: .75rem !important; + line-height: 1 !important; + color: #767676 !important; + border-top: 1px solid rgba(0,0,0,.1); + } + + .algolia-docsearch-footer--logo { + display: inline !important; + overflow: visible !important; + color: inherit !important; + text-indent: 0 !important; + background: none !important; + } + + .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,.5) !important; + } + + .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content { + background-color: rgba(208,189,236,.15) !important; + } +} diff --git a/docs/assets/less/docs.less b/docs/assets/less/docs.less index 8a4e5dd720..8bf588ade8 100644 --- a/docs/assets/less/docs.less +++ b/docs/assets/less/docs.less @@ -36,6 +36,7 @@ @import "brand.less"; @import "zero-clipboard.less"; @import "anchor.less"; +@import "algolia.less"; // diff --git a/docs/assets/less/sidebar.less b/docs/assets/less/sidebar.less index 93932128b2..28ce22ff59 100644 --- a/docs/assets/less/sidebar.less +++ b/docs/assets/less/sidebar.less @@ -8,6 +8,10 @@ } } +.bs-docs-search { + margin-bottom: 20px; +} + // First level of nav .bs-docs-sidenav { margin-top: 20px; |