Buttons: Ensure active styling applies to both :active and .active.

props sayedwp, helen.
fixes #42236.

Built from https://develop.svn.wordpress.org/trunk@41984


git-svn-id: http://core.svn.wordpress.org/trunk@41818 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí 2017-10-23 23:34:49 +00:00
parent a891bc6c92
commit a7f2613fc7
30 changed files with 33 additions and 30 deletions

View File

@ -25,7 +25,10 @@
0 0 2px 1px #33b3db;
}
&:active {
&:active,
&.active,
&.active:focus,
&.active:hover {
background: darken( $button-color, 10% );
border-color: darken( $button-color, 15% );
box-shadow: inset 0 2px 0 darken( $button-color, 15% );

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #d39323;
border-color: #bd831f;
box-shadow: inset 0 2px 0 #bd831f;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #d39323;
border-color: #bd831f;
box-shadow: inset 0 2px 0 #bd831f;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #b78b66;
border-color: #ae7d55;
box-shadow: inset 0 2px 0 #ae7d55;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #b78b66;
border-color: #ae7d55;
box-shadow: inset 0 2px 0 #ae7d55;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #829237;
border-color: #727f30;
box-shadow: inset 0 2px 0 #727f30;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #829237;
border-color: #727f30;
box-shadow: inset 0 2px 0 #727f30;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #037c9a;
border-color: #036881;
box-shadow: inset 0 2px 0 #036881;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #037c9a;
border-color: #036881;
box-shadow: inset 0 2px 0 #036881;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #d02c21;
border-color: #ba281e;
box-shadow: inset 0 2px 0 #ba281e;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #d02c21;
border-color: #ba281e;
box-shadow: inset 0 2px 0 #ba281e;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #80a583;
border-color: #719a74;
box-shadow: inset 0 2px 0 #719a74;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #80a583;
border-color: #719a74;
box-shadow: inset 0 2px 0 #719a74;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #c36922;
border-color: #ad5d1e;
box-shadow: inset 0 2px 0 #ad5d1e;

File diff suppressed because one or more lines are too long

View File

@ -57,7 +57,7 @@ input[type=radio]:checked:before {
box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #c36922;
border-color: #ad5d1e;
box-shadow: inset 0 2px 0 #ad5d1e;

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '4.9-beta3-41983';
$wp_version = '4.9-beta3-41984';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.