fix mess-up on hover
This commit is contained in:
parent
41f42eb2b4
commit
0d5d936ef3
@ -153,7 +153,7 @@ nav[hidden]{
|
|||||||
nav[hidden]{
|
nav[hidden]{
|
||||||
transform: translateX(100%);
|
transform: translateX(100%);
|
||||||
}
|
}
|
||||||
:global(nav a:last-child){
|
nav a:last-child{
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -10,14 +10,14 @@ form{
|
|||||||
padding-block: 2rem;
|
padding-block: 2rem;
|
||||||
margin-block: 2rem;
|
margin-block: 2rem;
|
||||||
}
|
}
|
||||||
label{
|
form label{
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
input{
|
form input{
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
}
|
}
|
||||||
button{
|
form button{
|
||||||
background-color: var(--red);
|
background-color: var(--red);
|
||||||
color: white;
|
color: white;
|
||||||
border: none;
|
border: none;
|
||||||
@ -27,16 +27,16 @@ button{
|
|||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
transition: 100ms;
|
transition: 100ms;
|
||||||
}
|
}
|
||||||
button:hover,
|
form button:hover,
|
||||||
button:focus-visible
|
form button:focus-visible
|
||||||
{
|
{
|
||||||
scale: 1.1;
|
scale: 1.1;
|
||||||
}
|
}
|
||||||
p{
|
form p{
|
||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
h4{
|
form h4{
|
||||||
margin-bottom:0;
|
margin-bottom:0;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 600px){
|
@media screen and (max-width: 600px){
|
||||||
|
Loading…
Reference in New Issue
Block a user