Eliminate the 1px padding adjustment on active buttons because it creates an un-clickable dead zone 1px high and spanning the entire width of the button. Modify the background color of active buttons for better contrast to make the active state more obvious.

See #26700, props johnbillion.



git-svn-id: https://develop.svn.wordpress.org/trunk@26993 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas
2014-01-21 21:26:31 +00:00
parent 2f60bcab82
commit 275d589503
2 changed files with 3 additions and 27 deletions
+2 -2
View File
@@ -11,7 +11,7 @@
&:hover,
&:focus {
background: darken( $button-color, 8% );
background: darken( $button-color, 5% );
border-color: darken( $button-color, 15% );
color: $text-color;
-webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
@@ -19,7 +19,7 @@
}
&:active {
background: darken( $button-color, 8% );
background: darken( $button-color, 10% );
border-color: darken( $button-color, 15% );
color: $text-color;
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );