mirror of
https://github.com/jbowdre/runtimeterror.git
synced 2024-11-22 23:12:19 +00:00
add transitions to searchbox
This commit is contained in:
parent
d21051a781
commit
25d657ea47
1 changed files with 4 additions and 1 deletions
|
@ -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);
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue