style search field, make main menu more fun

This commit is contained in:
elise
2024-08-05 22:49:32 +02:00
parent f4e88d8baa
commit 5ac05114ce
5 changed files with 86 additions and 18 deletions

View File

@ -124,13 +124,26 @@ blockquote {
input[type="text"] {
border-radius: 10rem;
background: var(--color-white);
color: var(--color-text);
border: none;
color: currentColor;
border: 2px solid currentColor;
padding: var(--spacing-xs) var(--spacing-s);
font-family: inherit;
font-size: var(--font-size-body);
font-weight: 500;
transition: opacity var(--transition-easing);
&::placeholder {
font-weight: 400;
color: currentColor;
opacity: .6;
}
&:focus, &:hover {
outline: none;
border-color: var(--color-goldenOrange);
box-shadow: 0 0 0 1px var(--color-goldenOrange);
transition: box-shadow .3s ease, border-color .3s ease;
}
}
select {

View File

@ -11,7 +11,7 @@ button,
margin: 0 0 var(--spacing-xs);
font-family: var(--font-main);
font-size: var(--font-size-body);
font-weight: 500;
font-weight: 500 !important;
text-decoration: none;
transition: opacity var(--transition-easing);
cursor: pointer;