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?"
|
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">
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue