mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
6b49d26b21
* Migrate to DocSearch v3 Fixes #33338 * initialize `siteDocsVersion` const after the proper check * Update site/layouts/partials/stylesheet.html Co-authored-by: GeoSot <geo.sotis@gmail.com> * Update header.html * code review changes * Update search.js * Fix contrast issue, tweak some styles * Fix some navbar changes * temporary safari fix for docsearch3 Co-authored-by: GeoSot <geo.sotis@gmail.com> Co-authored-by: XhmikosR <xhmikosr@gmail.com>
122 lines
2.2 KiB
SCSS
122 lines
2.2 KiB
SCSS
// stylelint-disable selector-class-pattern
|
|
|
|
.bd-search {
|
|
position: relative;
|
|
width: 100%;
|
|
|
|
@include media-breakpoint-up(lg) {
|
|
position: absolute;
|
|
top: .75rem;
|
|
left: 50%;
|
|
width: 200px;
|
|
margin-left: -100px;
|
|
}
|
|
|
|
@include media-breakpoint-up(xl) {
|
|
width: 280px;
|
|
margin-left: -140px;
|
|
}
|
|
|
|
}
|
|
|
|
.DocSearch-Container {
|
|
--docsearch-muted-color: #{$text-muted};
|
|
--docsearch-hit-shadow: none;
|
|
|
|
z-index: 1030;
|
|
|
|
@include media-breakpoint-up(lg) {
|
|
padding-top: 4rem;
|
|
}
|
|
}
|
|
|
|
.DocSearch-Button {
|
|
--docsearch-searchbox-background: #{rgba($black, .1)};
|
|
--docsearch-searchbox-color: #{$white};
|
|
--docsearch-searchbox-focus-background: #{rgba($black, .25)};
|
|
--docsearch-searchbox-shadow: #{0 0 0 .25rem rgba($bd-accent, .4)};
|
|
--docsearch-text-color: #{$white};
|
|
--docsearch-muted-color: #{rgba($white, .65)};
|
|
|
|
width: 100%;
|
|
margin: 0;
|
|
border: 1px solid rgba($white, .4);
|
|
@include border-radius(.375rem);
|
|
|
|
.DocSearch-Search-Icon {
|
|
opacity: .65;
|
|
}
|
|
|
|
&:active,
|
|
&:focus,
|
|
&:hover {
|
|
border-color: rgba($bd-accent, 1);
|
|
|
|
.DocSearch-Search-Icon {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.DocSearch-Button-Keys {
|
|
min-width: 0;
|
|
padding-right: .25rem;
|
|
padding-left: .25rem;
|
|
background: rgba($black, .25);
|
|
@include border-radius(.25rem);
|
|
}
|
|
|
|
.DocSearch-Button-Key {
|
|
top: 0;
|
|
width: auto;
|
|
height: 1.25rem;
|
|
padding-right: .125rem;
|
|
padding-left: .125rem;
|
|
margin-right: 0;
|
|
font-size: .875rem;
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.DocSearch-Commands-Key {
|
|
padding-left: 1px;
|
|
font-size: .875rem;
|
|
background-color: rgba($black, .1);
|
|
background-image: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.DocSearch-Form {
|
|
@include border-radius(var(--bs-border-radius));
|
|
}
|
|
|
|
.DocSearch-Hits {
|
|
mark {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.DocSearch-Hit {
|
|
padding-bottom: 0;
|
|
@include border-radius(0);
|
|
|
|
a {
|
|
@include border-radius(0);
|
|
border: solid var(--bs-border-color);
|
|
border-width: 0 1px 1px;
|
|
}
|
|
|
|
&:first-child a {
|
|
@include border-top-radius(var(--bs-border-radius));
|
|
border-top-width: 1px;
|
|
}
|
|
&:last-child a {
|
|
@include border-bottom-radius(var(--bs-border-radius));
|
|
}
|
|
}
|
|
|
|
.DocSearch-Hit-icon {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|