mirror of
https://github.com/kognise/water.css.git
synced 2025-08-13 00:24:31 +02:00
Button hover states, global transitions
This commit is contained in:
19
water.css
19
water.css
@@ -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;
|
||||||
}
|
}
|
Reference in New Issue
Block a user