From e4a4a37daf921a3dd94533713a2df562f5fd3128 Mon Sep 17 00:00:00 2001 From: Bijan Date: Thu, 15 Jan 2015 12:31:44 +0100 Subject: [PATCH] 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. --- css/skeleton.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/css/skeleton.css b/css/skeleton.css index f28bf6c..f8654bf 100644 --- a/css/skeleton.css +++ b/css/skeleton.css @@ -200,6 +200,13 @@ input[type="button"]:focus { color: #333; border-color: #888; 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, input[type="submit"].button-primary, @@ -221,6 +228,14 @@ input[type="button"].button-primary:focus { color: #FFF; background-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