improve interactive elements' reactive styles

This commit is contained in:
Daniel Flanagan 2020-07-14 17:37:32 -05:00
parent f2ad45fc41
commit e12d40dbba
Signed by: lytedev
GPG key ID: 5B2020A0F9921EF4
2 changed files with 11 additions and 3 deletions

View file

@ -8,8 +8,7 @@ title: Contact
description: "Need to get in touch?" description: "Need to get in touch?"
--- ---
Email me at <a href="mailto:daniel@lyte.dev">daniel@lyte.dev</a> or use Email me at daniel@lyte.dev or use the form below.
the form below.
<p> <p>
<form action="https://formspree.io/daniel@lyte.dev" method="POST"> <form action="https://formspree.io/daniel@lyte.dev" method="POST">

View file

@ -171,14 +171,23 @@ input, textarea {
background: #222; background: #222;
border: 0; border: 0;
font: inherit; font: inherit;
padding: 0.25em 0.5em; padding: 0.5em 1em;
color: inherit; color: inherit;
border-radius: 0.25em; border-radius: 0.25em;
} }
input:hover, textarea:hover {
background: #333;
}
button, input[type=submit] { button, input[type=submit] {
background: #a1efe4; background: #a1efe4;
color: #000; color: #000;
cursor: pointer;
}
button:hover, input[type=submit]:hover {
background: #66d9ef;
} }
ul, ol { ul, ol {