Added :active state for buttons (default & primary)

For the default button I used #222 for color and background as #222 is already used and I don't need to introduce a new color.
The primary button active background color uses a slightly lower brightness: #157b9b deducted from the HSB value of the original.
This commit is contained in:
Bijan 2015-01-15 12:31:44 +01:00
parent 88f03612b0
commit e4a4a37daf

15
css/skeleton.css vendored
View File

@ -200,6 +200,13 @@ input[type="button"]:focus {
color: #333; color: #333;
border-color: #888; border-color: #888;
outline: 0; } outline: 0; }
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active{
color: #222;
border-color: #222; }
.button.button-primary, .button.button-primary,
button.button-primary, button.button-primary,
input[type="submit"].button-primary, input[type="submit"].button-primary,
@ -221,6 +228,14 @@ input[type="button"].button-primary:focus {
color: #FFF; color: #FFF;
background-color: #1EAEDB; background-color: #1EAEDB;
border-color: #1EAEDB; } border-color: #1EAEDB; }
.button.button-primary:active,
button.button-primary:active,
input[type="submit"].button-primary:active,
input[type="reset"].button-primary:active,
input[type="button"].button-primary:active{
color: #FFF;
background-color: #157b9b;
border-color: #157b9b; }
/* Forms /* Forms