mirror of
https://github.com/jbowdre/runtimeterror.git
synced 2024-11-22 06:52:18 +00:00
add transitions to searchbox
This commit is contained in:
parent
d9f8abc7be
commit
d7b7a2bcca
1 changed files with 4 additions and 1 deletions
|
@ -224,6 +224,8 @@ form {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
outline: 0.25rem solid var(--bg);
|
outline: 0.25rem solid var(--bg);
|
||||||
|
width: 240px;
|
||||||
|
transition: width .2s ease-in-out, outline .2s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
input {
|
input {
|
||||||
|
@ -243,6 +245,7 @@ input:focus {
|
||||||
|
|
||||||
form:focus-within {
|
form:focus-within {
|
||||||
outline: 1px solid var(--logo);
|
outline: 1px solid var(--logo);
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
form button {
|
form button {
|
||||||
|
@ -250,4 +253,4 @@ form button {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: var(--off-bg);
|
background-color: var(--off-bg);
|
||||||
color: var(--link);
|
color: var(--link);
|
||||||
}
|
}
|
Loading…
Reference in a new issue