1
0
mirror of https://github.com/kognise/water.css.git synced 2025-08-12 16:14:34 +02:00

Button hover states, global transitions

This commit is contained in:
dannymcgee
2019-04-05 11:13:35 -04:00
parent efd2134d81
commit 137e006311

View File

@@ -8,6 +8,17 @@ body {
line-height: 1.4; line-height: 1.4;
} }
button, input[type="submit"] {
cursor: pointer;
}
a, button, input {
transition: background-color 0.1s linear,
border-color 0.1s linear,
color 0.1s linear,
box-shadow 0.1s linear;
}
a { a {
color: #41adff; color: #41adff;
text-decoration: none; text-decoration: none;
@@ -57,6 +68,10 @@ input, select, button, textarea {
-webkit-appearance: none; -webkit-appearance: none;
} }
button:hover, input[type="submit"]:hover {
background: #324759;
}
input:focus, select:focus, button:focus, textarea:focus { input:focus, select:focus, button:focus, textarea:focus {
box-shadow: 0 0 0 2px #0096bfab; box-shadow: 0 0 0 2px #0096bfab;
} }
@@ -84,6 +99,10 @@ body.light input, body.light select, body.light button, body.light textarea {
color: #000000; color: #000000;
} }
body.light button:hover, body.light input[type="submit"]:hover {
background: #dddddd;
}
::placeholder { ::placeholder {
color: #949494; color: #949494;
} }