Add style for searching.
This commit is contained in:
parent
30bc119178
commit
214085119c
1 changed files with 50 additions and 0 deletions
|
|
@ -189,6 +189,56 @@ footer {
|
||||||
margin-bottom:5px;
|
margin-bottom:5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#search {
|
||||||
|
|
||||||
|
--pagefind-ui-font: inherit;
|
||||||
|
--pagefind-ui-border-radius: 4px;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
right: 1em;
|
||||||
|
top: 1em;
|
||||||
|
|
||||||
|
.pagefind-ui__form {
|
||||||
|
width: 20em;
|
||||||
|
margin-left: auto;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: calc(17px * var(--pagefind-ui-scale));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagefind-ui__search-input {
|
||||||
|
font-weight: inherit;
|
||||||
|
height: calc(48px * var(--pagefind-ui-scale));
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagefind-ui__search-clear {
|
||||||
|
font-weight: inherit;
|
||||||
|
height: calc(42px * var(--pagefind-ui-scale));
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagefind-ui__drawer {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
width: 40em;
|
||||||
|
background-color: white;
|
||||||
|
border: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
|
||||||
|
padding: 0 1em 1em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagefind-ui__message {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagefind-ui__result {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagefind-ui__result-title {
|
||||||
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media print, screen and (max-width: 960px) {
|
@media print, screen and (max-width: 960px) {
|
||||||
|
|
||||||
div.wrapper {
|
div.wrapper {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue