Formulaire de recherche
This commit is contained in:
@@ -45,6 +45,44 @@ body > header > section:first-of-type > a img {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
body > header > section:first-of-type > form.site-search {
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-2);
|
||||
}
|
||||
|
||||
body > header > section:first-of-type > form.site-search > input[type="search"] {
|
||||
width: min(22rem, 36vw);
|
||||
min-width: 12rem;
|
||||
min-height: 2.35rem;
|
||||
padding: 0.45rem 0.65rem;
|
||||
border: 1px solid var(--color-border-strong);
|
||||
background-color: color-mix(in srgb, var(--color-background-alt) 88%, #000000 12%);
|
||||
color: var(--color-heading);
|
||||
font-family: var(--font-body);
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
body > header > section:first-of-type > form.site-search > input[type="search"]:focus-visible {
|
||||
border-color: var(--color-accent-1);
|
||||
outline: 2px solid color-mix(in srgb, var(--color-accent-1) 78%, transparent);
|
||||
outline-offset: 1px;
|
||||
}
|
||||
|
||||
body > header > section:first-of-type > form.site-search > button.ui-button {
|
||||
width: 2.35rem;
|
||||
min-height: 2.35rem;
|
||||
min-width: 2.35rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body > header > section:first-of-type > form.site-search > button.ui-button > svg {
|
||||
width: 1.05rem;
|
||||
height: 1.05rem;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
body > header > section.site-stats {
|
||||
margin-top: var(--space-5);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user