mirror of
https://koodu.h-i.works/projects/thebadspace
synced 2025-05-06 14:41:02 -05:00
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
@ -8,7 +8,8 @@ input[type="text"] {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: var(--white);
|
background: var(--white);
|
||||||
color: var(--primary);
|
color: var(--primary);
|
||||||
transition: all 0.2s linear;
|
transition: 0.2s linear;
|
||||||
|
transition-property: color, background-color;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -42,7 +43,8 @@ input[type="submit"] {
|
|||||||
position: relative;
|
position: relative;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border: 0;
|
border: 0;
|
||||||
transition: all 0.3s linear;
|
transition: 0.3s linear;
|
||||||
|
transition-property: color, background-color;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user