spaCy/website/src/styles/search.module.sass
2019-02-26 13:02:38 +01:00

59 lines
1.7 KiB
Sass

@import base
.root
font: var(--font-size-sm)/var(--line-height-md) var(--font-primary)
border: 1px solid var(--color-subtle)
border-radius: 2em
max-width: 100%
display: flex
flex-flow: row nowrap
&:focus-within
border-color: var(--color-theme)
box-shadow: 0 0 0 1px var(--color-theme)
.input
width: 100%
max-width: 100%
font: inherit
padding: 0.5rem 1rem 0.5rem 0.5rem
.icon
display: inline-block
color: var(--color-subtle-dark)
padding-left: 0.5rem
position: relative
top: 0.25rem
left: 0.15rem
cursor: pointer
/* Algolia DocSearch */
@include breakpoint(max, xs)
\:global(.algolia-autocomplete .ds-dropdown-menu)
max-width: 90vw !important
min-width: 90vw !important
\:global(.algolia-autocomplete .algolia-docsearch-suggestion--category-header)
display: block
font: bold var(--font-size-lg)/var(--line-height-md) var(--font-secondary)
text-transform: uppercase
color: var(--color-theme)
\:global(.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column)
color: var(--color-dark)
\:global(.algolia-autocomplete .algolia-docsearch-suggestion--title)
font-size: var(--font-size-sm)
\:global(.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content)
background: var(--color-subtle-opaque) !important
\:global(.algolia-autocomplete .algolia-docsearch-suggestion--text)
font-size: var(--font-size-sm)
\:global(.algolia-autocomplete .algolia-docsearch-suggestion--highlight)
box-shadow: none !important
background: var(--color-theme-opaque) !important
color: var(--color-theme-dark) !important