improve interactive elements' reactive styles
This commit is contained in:
parent
f2ad45fc41
commit
e12d40dbba
2 changed files with 11 additions and 3 deletions
|
@ -8,8 +8,7 @@ title: Contact
|
|||
description: "Need to get in touch?"
|
||||
---
|
||||
|
||||
Email me at <a href="mailto:daniel@lyte.dev">daniel@lyte.dev</a> or use
|
||||
the form below.
|
||||
Email me at daniel@lyte.dev or use the form below.
|
||||
|
||||
<p>
|
||||
<form action="https://formspree.io/daniel@lyte.dev" method="POST">
|
||||
|
|
|
@ -171,14 +171,23 @@ input, textarea {
|
|||
background: #222;
|
||||
border: 0;
|
||||
font: inherit;
|
||||
padding: 0.25em 0.5em;
|
||||
padding: 0.5em 1em;
|
||||
color: inherit;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
input:hover, textarea:hover {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
button, input[type=submit] {
|
||||
background: #a1efe4;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button:hover, input[type=submit]:hover {
|
||||
background: #66d9ef;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
|
|
Loading…
Reference in a new issue