style search field, make main menu more fun
This commit is contained in:
@ -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 {
|
||||
|
@ -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;
|
||||
|
Reference in New Issue
Block a user