Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix mess-up on hover

Browse Source
This commit is contained in:
Alexander Bocken 2023-07-23 12:48:12 +02:00
parent 41f42eb2b4
commit 0d5d936ef3
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/Header.svelte
View File

@ -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;
} }

14
src/lib/css/form.css
View File

@ -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){