fix: only transition form control colors
the blanket statement `all` causes some weird animations when resizing the page. setting this to only transition specific properties fixes this.
This commit is contained in:
parent
4dafad447d
commit
04ac27ea04
1 changed files with 4 additions and 2 deletions
|
@ -8,7 +8,8 @@ input[type="text"] {
|
|||
display: inline-block;
|
||||
background: var(--white);
|
||||
color: var(--primary);
|
||||
transition: all 0.2s linear;
|
||||
transition: 0.2s linear;
|
||||
transition-property: color, background-color;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
|
@ -42,7 +43,8 @@ input[type="submit"] {
|
|||
position: relative;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
transition: all 0.3s linear;
|
||||
transition: 0.3s linear;
|
||||
transition-property: color, background-color;
|
||||
height: 35px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue