1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-15 10:05:40 +02:00

Update search box styling and position

This commit is contained in:
Mark Otto
2022-05-15 12:39:23 -07:00
committed by Mark Otto
parent bb4f9d74fb
commit e12e0806fb

View File

@@ -6,7 +6,7 @@
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
position: absolute; position: absolute;
top: .75rem; top: .875rem;
left: 50%; left: 50%;
width: 200px; width: 200px;
margin-left: -100px; margin-left: -100px;
@@ -39,6 +39,7 @@
--docsearch-muted-color: #{rgba($white, .65)}; --docsearch-muted-color: #{rgba($white, .65)};
width: 100%; width: 100%;
height: 38px; // Match Bootstrap inputs
margin: 0; margin: 0;
border: 1px solid rgba($white, .4); border: 1px solid rgba($white, .4);
@include border-radius(.375rem); @include border-radius(.375rem);
@@ -60,8 +61,7 @@
.DocSearch-Button-Keys { .DocSearch-Button-Keys {
min-width: 0; min-width: 0;
padding-right: .25rem; padding: .125rem .25rem;
padding-left: .25rem;
background: rgba($black, .25); background: rgba($black, .25);
@include border-radius(.25rem); @include border-radius(.25rem);
} }