rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00
Code Issues Actions Packages Releases Activity

redesign search a bit more

Browse Source
This commit is contained in:
Mark Otto 2017-05-31 10:13:39 -07:00
parent e9b6a064f8
commit cb9f181d0e
1 changed files with 26 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
assets/scss/_algolia.scss
View File

@ -10,12 +10,16 @@
width: 100%; width: 100%;
min-width: 0 !important; min-width: 0 !important;
max-width: none !important; max-width: none !important;
padding: 8px 0 !important; padding: .75rem 0 !important;
background-color: #fff; background-color: #fff;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid rgba(0,0,0,.1); border: 1px solid rgba(0,0,0,.1);
box-shadow: 0 .5rem 1rem rgba(0,0,0,.175); box-shadow: 0 .5rem 1rem rgba(0,0,0,.175);
@include media-breakpoint-up(md) {
width: 175%;
}
// Caret // Caret
&::before { &::before {
display: none !important; display: none !important;
@ -39,11 +43,11 @@
} }
.algolia-docsearch-suggestion--category-header { .algolia-docsearch-suggestion--category-header {
padding: .125rem 15px !important; padding: .125rem 1rem !important;
margin-top: 0 !important; margin-top: 0 !important;
font-size: .75rem !important; font-size: .875rem !important;
font-weight: 500 !important; font-weight: 500 !important;
color: #767676 !important; color: $bd-purple-bright !important;
border-bottom: 0 !important; border-bottom: 0 !important;
} }
@ -74,7 +78,9 @@
.ds-suggestion { .ds-suggestion {
&:not(:first-child) { &:not(:first-child) {
.algolia-docsearch-suggestion--category-header { .algolia-docsearch-suggestion--category-header {
margin-top: .5rem !important; padding-top: .75rem !important;
margin-top: .75rem !important;
border-top: 1px solid rgba(0,0,0,.1);
} }
} }
@ -85,19 +91,29 @@
.algolia-docsearch-suggestion--title { .algolia-docsearch-suggestion--title {
display: block; display: block;
padding: 0 15px !important; padding: .25rem 1rem !important;
margin-bottom: 0 !important;
font-size: .875rem !important; font-size: .875rem !important;
font-weight: 400 !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 { .algolia-docsearch-footer {
float: none !important; float: none !important;
width: auto !important; width: auto !important;
height: auto !important; height: auto !important;
padding: 10px 15px; padding: .75rem 1rem 0;
font-size: .875rem !important; font-size: .75rem !important;
line-height: 1 !important; line-height: 1 !important;
color: #767676 !important; color: #767676 !important;
border-top: 1px solid rgba(0,0,0,.1);
} }
.algolia-docsearch-footer--logo { .algolia-docsearch-footer--logo {
@ -108,22 +124,16 @@
background: none !important; background: none !important;
} }
.algolia-docsearch-suggestion--text {
padding-top: .5rem;
padding-bottom: .5rem;
font-weight: normal;
}
.algolia-docsearch-suggestion--highlight { .algolia-docsearch-suggestion--highlight {
color: #5f2dab; color: #5f2dab;
background-color: rgba(154, 132, 187, .12); background-color: rgba(154, 132, 187, .12);
} }
.algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight { .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .8) !important; box-shadow: inset 0 -2px 0 0 rgba(95,45,171,.5) !important;
} }
.ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content { .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {
background-color: rgba(208, 189, 236, .12) !important; background-color: rgba(208,189,236,.15) !important;
} }
} }