add transitions to searchbox

This commit is contained in:
John Bowdre 2024-01-16 11:24:35 -06:00
parent d21051a781
commit 25d657ea47

View file

@ -224,6 +224,8 @@ form {
flex-direction: row;
border-radius: 0.25rem;
outline: 0.25rem solid var(--bg);
width: 240px;
transition: width .2s ease-in-out, outline .2s ease-in-out;
}
input {
@ -243,6 +245,7 @@ input:focus {
form:focus-within {
outline: 1px solid var(--logo);
width: 100%;
}
form button {
@ -250,4 +253,4 @@ form button {
border: none;
background-color: var(--off-bg);
color: var(--link);
}
}