Buttons: Update styles and colors.

* Aligns with the color standards. See https://make.wordpress.org/design/handbook/foundations/colors/
* Creates a consistent interaction experience between states.
* Improves contrast and accessibility.

props hugobaeta, afercia, melchoyce, michael-arestad.
fixes #31459.

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


git-svn-id: http://core.svn.wordpress.org/trunk@34913 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí 2015-10-08 17:31:24 +00:00
parent 48493cdf3a
commit 5b40bd827c
38 changed files with 454 additions and 286 deletions

View File

@ -4,31 +4,31 @@
*/ */
@mixin button( $button-color, $text-color: white ) { @mixin button( $button-color, $text-color: white ) {
background: $button-color; background: $button-color;
border-color: darken( $button-color, 10% ); border-color: darken( $button-color, 10% ) darken( $button-color, 15% ) darken( $button-color, 15% );
color: $text-color; color: $text-color;
box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15); box-shadow: 0 1px 0 darken( $button-color, 15% );
text-shadow: 0 -1px 1px darken( $button-color, 15% ),
1px 0 1px darken( $button-color, 15% ),
0 1px 1px darken( $button-color, 15% ),
-1px 0 1px darken( $button-color, 15% );
&:hover, &:hover,
&:focus { &:focus {
background: darken( $button-color, 5% ); background: lighten( $button-color, 3% );
border-color: darken( $button-color, 15% ); border-color: darken( $button-color, 15% );
color: $text-color; color: $text-color;
box-shadow: inset 0 1px 0 lighten( $button-color, 10% ); box-shadow: 0 1px 0 darken( $button-color, 15% );
} }
&:focus { &:focus {
box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), box-shadow: inset 0 1px 0 darken( $button-color, 10% ),
0 0 0 1px #5b9dd9, 0 0 2px 1px #33b3db;
0 0 2px 1px rgba( 30, 140, 190, .8 );
} }
&:active { &:active {
background: darken( $button-color, 10% ); background: darken( $button-color, 10% );
border-color: darken( $button-color, 15% ); border-color: darken( $button-color, 15% );
color: $text-color; box-shadow: inset 0 2px 0 darken( $button-color, 15% );
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba( 30, 140, 190, .8 );
} }
&[disabled], &[disabled],
@ -40,4 +40,12 @@
border-color: darken( $button-color, 15% ) !important; border-color: darken( $button-color, 15% ) !important;
text-shadow: none !important; text-shadow: none !important;
} }
&.button-hero {
box-shadow: 0 2px 0 darken( $button-color, 15% ) !important;
&:active {
box-shadow: inset 0 3px 0 darken( $button-color, 15% ) !important;
}
}
} }

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #e1a948; background: #e1a948;
border-color: #d39323; border-color: #d39323 #bd831f #bd831f;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #bd831f;
box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #bd831f;
text-shadow: 0 -1px 1px #bd831f, -1px 0 1px #bd831f, 0 1px 1px #bd831f, 1px 0 1px #bd831f;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #dd9f32; background: #e3af55;
border-color: #bd831f; border-color: #bd831f;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #e8be74; -webkit-box-shadow: 0 1px 0 #bd831f;
box-shadow: inset 0 1px 0 #e8be74; box-shadow: 0 1px 0 #bd831f;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #e8be74, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #e8be74, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #d39323; background: #d39323;
border-color: #bd831f; border-color: #bd831f;
color: white; -webkit-box-shadow: inset 0 2px 0 #bd831f;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #bd831f;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #bd831f !important;
box-shadow: 0 2px 0 #bd831f !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #bd831f !important;
box-shadow: inset 0 3px 0 #bd831f !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #52accc; background-color: #52accc;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #e1a948; background: #e1a948;
border-color: #d39323; border-color: #d39323 #bd831f #bd831f;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #bd831f;
box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #bd831f;
text-shadow: 0 -1px 1px #bd831f, 1px 0 1px #bd831f, 0 1px 1px #bd831f, -1px 0 1px #bd831f;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #dd9f32; background: #e3af55;
border-color: #bd831f; border-color: #bd831f;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #e8be74; -webkit-box-shadow: 0 1px 0 #bd831f;
box-shadow: inset 0 1px 0 #e8be74; box-shadow: 0 1px 0 #bd831f;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #e8be74, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #e8be74, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #d39323; background: #d39323;
border-color: #bd831f; border-color: #bd831f;
color: white; -webkit-box-shadow: inset 0 2px 0 #bd831f;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #bd831f;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #bd831f !important;
box-shadow: 0 2px 0 #bd831f !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #bd831f !important;
box-shadow: inset 0 3px 0 #bd831f !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #52accc; background-color: #52accc;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #c7a589; background: #c7a589;
border-color: #b78b66; border-color: #b78b66 #ae7d55 #ae7d55;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #ae7d55;
box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #ae7d55;
text-shadow: 0 -1px 1px #ae7d55, -1px 0 1px #ae7d55, 0 1px 1px #ae7d55, 1px 0 1px #ae7d55;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #bf9878; background: #ccad93;
border-color: #ae7d55; border-color: #ae7d55;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #d7bfac; -webkit-box-shadow: 0 1px 0 #ae7d55;
box-shadow: inset 0 1px 0 #d7bfac; box-shadow: 0 1px 0 #ae7d55;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #d7bfac, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #d7bfac, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #b78b66; background: #b78b66;
border-color: #ae7d55; border-color: #ae7d55;
color: white; -webkit-box-shadow: inset 0 2px 0 #ae7d55;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #ae7d55;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #ae7d55 !important;
box-shadow: 0 2px 0 #ae7d55 !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #ae7d55 !important;
box-shadow: inset 0 3px 0 #ae7d55 !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #59524c; background-color: #59524c;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #c7a589; background: #c7a589;
border-color: #b78b66; border-color: #b78b66 #ae7d55 #ae7d55;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #ae7d55;
box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #ae7d55;
text-shadow: 0 -1px 1px #ae7d55, 1px 0 1px #ae7d55, 0 1px 1px #ae7d55, -1px 0 1px #ae7d55;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #bf9878; background: #ccad93;
border-color: #ae7d55; border-color: #ae7d55;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #d7bfac; -webkit-box-shadow: 0 1px 0 #ae7d55;
box-shadow: inset 0 1px 0 #d7bfac; box-shadow: 0 1px 0 #ae7d55;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #d7bfac, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #d7bfac, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #b78b66; background: #b78b66;
border-color: #ae7d55; border-color: #ae7d55;
color: white; -webkit-box-shadow: inset 0 2px 0 #ae7d55;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #ae7d55;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #ae7d55 !important;
box-shadow: 0 2px 0 #ae7d55 !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #ae7d55 !important;
box-shadow: inset 0 3px 0 #ae7d55 !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #59524c; background-color: #59524c;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #a3b745; background: #a3b745;
border-color: #829237; border-color: #829237 #727f30 #727f30;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #727f30;
box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #727f30;
text-shadow: 0 -1px 1px #727f30, -1px 0 1px #727f30, 0 1px 1px #727f30, 1px 0 1px #727f30;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #93a43e; background: #a9bd4f;
border-color: #727f30; border-color: #727f30;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #b6c669; -webkit-box-shadow: 0 1px 0 #727f30;
box-shadow: inset 0 1px 0 #b6c669; box-shadow: 0 1px 0 #727f30;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #b6c669, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #b6c669, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #829237; background: #829237;
border-color: #727f30; border-color: #727f30;
color: white; -webkit-box-shadow: inset 0 2px 0 #727f30;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #727f30;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #727f30 !important;
box-shadow: 0 2px 0 #727f30 !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #727f30 !important;
box-shadow: inset 0 3px 0 #727f30 !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #523f6d; background-color: #523f6d;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #a3b745; background: #a3b745;
border-color: #829237; border-color: #829237 #727f30 #727f30;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #727f30;
box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #727f30;
text-shadow: 0 -1px 1px #727f30, 1px 0 1px #727f30, 0 1px 1px #727f30, -1px 0 1px #727f30;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #93a43e; background: #a9bd4f;
border-color: #727f30; border-color: #727f30;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #b6c669; -webkit-box-shadow: 0 1px 0 #727f30;
box-shadow: inset 0 1px 0 #b6c669; box-shadow: 0 1px 0 #727f30;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #b6c669, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #b6c669, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #829237; background: #829237;
border-color: #727f30; border-color: #727f30;
color: white; -webkit-box-shadow: inset 0 2px 0 #727f30;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #727f30;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #727f30 !important;
box-shadow: 0 2px 0 #727f30 !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #727f30 !important;
box-shadow: inset 0 3px 0 #727f30 !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #523f6d; background-color: #523f6d;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #04a4cc; background: #04a4cc;
border-color: #037c9a; border-color: #037c9a #036881 #036881;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #036881;
box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #036881;
text-shadow: 0 -1px 1px #036881, -1px 0 1px #036881, 0 1px 1px #036881, 1px 0 1px #036881;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #0490b3; background: #04b0db;
border-color: #036881; border-color: #036881;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #09cafa; -webkit-box-shadow: 0 1px 0 #036881;
box-shadow: inset 0 1px 0 #09cafa; box-shadow: 0 1px 0 #036881;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #037c9a; background: #037c9a;
border-color: #036881; border-color: #036881;
color: white; -webkit-box-shadow: inset 0 2px 0 #036881;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #036881;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #036881 !important;
box-shadow: 0 2px 0 #036881 !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #036881 !important;
box-shadow: inset 0 3px 0 #036881 !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #333; color: #333;
background-color: #e5e5e5; background-color: #e5e5e5;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #04a4cc; background: #04a4cc;
border-color: #037c9a; border-color: #037c9a #036881 #036881;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #036881;
box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #036881;
text-shadow: 0 -1px 1px #036881, 1px 0 1px #036881, 0 1px 1px #036881, -1px 0 1px #036881;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #0490b3; background: #04b0db;
border-color: #036881; border-color: #036881;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #09cafa; -webkit-box-shadow: 0 1px 0 #036881;
box-shadow: inset 0 1px 0 #09cafa; box-shadow: 0 1px 0 #036881;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #037c9a; background: #037c9a;
border-color: #036881; border-color: #036881;
color: white; -webkit-box-shadow: inset 0 2px 0 #036881;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #036881;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #036881 !important;
box-shadow: 0 2px 0 #036881 !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #036881 !important;
box-shadow: inset 0 3px 0 #036881 !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #333; color: #333;
background-color: #e5e5e5; background-color: #e5e5e5;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #e14d43; background: #e14d43;
border-color: #d02c21; border-color: #d02c21 #ba281e #ba281e;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #ba281e;
box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #ba281e;
text-shadow: 0 -1px 1px #ba281e, -1px 0 1px #ba281e, 0 1px 1px #ba281e, 1px 0 1px #ba281e;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #dd382d; background: #e35950;
border-color: #ba281e; border-color: #ba281e;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #e8776f; -webkit-box-shadow: 0 1px 0 #ba281e;
box-shadow: inset 0 1px 0 #e8776f; box-shadow: 0 1px 0 #ba281e;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #e8776f, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #e8776f, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #d02c21; background: #d02c21;
border-color: #ba281e; border-color: #ba281e;
color: white; -webkit-box-shadow: inset 0 2px 0 #ba281e;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #ba281e;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #ba281e !important;
box-shadow: 0 2px 0 #ba281e !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #ba281e !important;
box-shadow: inset 0 3px 0 #ba281e !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #363b3f; background-color: #363b3f;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #e14d43; background: #e14d43;
border-color: #d02c21; border-color: #d02c21 #ba281e #ba281e;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #ba281e;
box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #ba281e;
text-shadow: 0 -1px 1px #ba281e, 1px 0 1px #ba281e, 0 1px 1px #ba281e, -1px 0 1px #ba281e;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #dd382d; background: #e35950;
border-color: #ba281e; border-color: #ba281e;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #e8776f; -webkit-box-shadow: 0 1px 0 #ba281e;
box-shadow: inset 0 1px 0 #e8776f; box-shadow: 0 1px 0 #ba281e;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #e8776f, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #e8776f, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #d02c21; background: #d02c21;
border-color: #ba281e; border-color: #ba281e;
color: white; -webkit-box-shadow: inset 0 2px 0 #ba281e;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #ba281e;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #ba281e !important;
box-shadow: 0 2px 0 #ba281e !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #ba281e !important;
box-shadow: inset 0 3px 0 #ba281e !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #363b3f; background-color: #363b3f;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #9ebaa0; background: #9ebaa0;
border-color: #80a583; border-color: #80a583 #719a74 #719a74;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #719a74;
box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #719a74;
text-shadow: 0 -1px 1px #719a74, -1px 0 1px #719a74, 0 1px 1px #719a74, 1px 0 1px #719a74;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #8faf91; background: #a7c0a9;
border-color: #719a74; border-color: #719a74;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #bccfbd; -webkit-box-shadow: 0 1px 0 #719a74;
box-shadow: inset 0 1px 0 #bccfbd; box-shadow: 0 1px 0 #719a74;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #bccfbd, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #bccfbd, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #80a583; background: #80a583;
border-color: #719a74; border-color: #719a74;
color: white; -webkit-box-shadow: inset 0 2px 0 #719a74;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #719a74;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #719a74 !important;
box-shadow: 0 2px 0 #719a74 !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #719a74 !important;
box-shadow: inset 0 3px 0 #719a74 !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #738e96; background-color: #738e96;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #9ebaa0; background: #9ebaa0;
border-color: #80a583; border-color: #80a583 #719a74 #719a74;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #719a74;
box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #719a74;
text-shadow: 0 -1px 1px #719a74, 1px 0 1px #719a74, 0 1px 1px #719a74, -1px 0 1px #719a74;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #8faf91; background: #a7c0a9;
border-color: #719a74; border-color: #719a74;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #bccfbd; -webkit-box-shadow: 0 1px 0 #719a74;
box-shadow: inset 0 1px 0 #bccfbd; box-shadow: 0 1px 0 #719a74;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #bccfbd, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #bccfbd, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #80a583; background: #80a583;
border-color: #719a74; border-color: #719a74;
color: white; -webkit-box-shadow: inset 0 2px 0 #719a74;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #719a74;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #719a74 !important;
box-shadow: 0 2px 0 #719a74 !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #719a74 !important;
box-shadow: inset 0 3px 0 #719a74 !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #738e96; background-color: #738e96;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #dd823b; background: #dd823b;
border-color: #c36922; border-color: #c36922 #ad5d1e #ad5d1e;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #ad5d1e;
box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #ad5d1e;
text-shadow: 0 -1px 1px #ad5d1e, -1px 0 1px #ad5d1e, 0 1px 1px #ad5d1e, 1px 0 1px #ad5d1e;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #d97426; background: #df8a48;
border-color: #ad5d1e; border-color: #ad5d1e;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #e59e66; -webkit-box-shadow: 0 1px 0 #ad5d1e;
box-shadow: inset 0 1px 0 #e59e66; box-shadow: 0 1px 0 #ad5d1e;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #e59e66, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #e59e66, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #c36922; background: #c36922;
border-color: #ad5d1e; border-color: #ad5d1e;
color: white; -webkit-box-shadow: inset 0 2px 0 #ad5d1e;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #ad5d1e;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #ad5d1e !important;
box-shadow: 0 2px 0 #ad5d1e !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #ad5d1e !important;
box-shadow: inset 0 3px 0 #ad5d1e !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #cf4944; background-color: #cf4944;

File diff suppressed because one or more lines are too long

View File

@ -41,32 +41,32 @@ input[type=radio]:checked:before {
/* Core UI */ /* Core UI */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #dd823b; background: #dd823b;
border-color: #c36922; border-color: #c36922 #ad5d1e #ad5d1e;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 #ad5d1e;
box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #ad5d1e;
text-shadow: 0 -1px 1px #ad5d1e, 1px 0 1px #ad5d1e, 0 1px 1px #ad5d1e, -1px 0 1px #ad5d1e;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #d97426; background: #df8a48;
border-color: #ad5d1e; border-color: #ad5d1e;
color: white; color: white;
-webkit-box-shadow: inset 0 1px 0 #e59e66; -webkit-box-shadow: 0 1px 0 #ad5d1e;
box-shadow: inset 0 1px 0 #e59e66; box-shadow: 0 1px 0 #ad5d1e;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
-webkit-box-shadow: inset 0 1px 0 #e59e66, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -webkit-box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 #e59e66, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
} }
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #c36922; background: #c36922;
border-color: #ad5d1e; border-color: #ad5d1e;
color: white; -webkit-box-shadow: inset 0 2px 0 #ad5d1e;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 0 #ad5d1e;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary[disabled],
@ -79,6 +79,16 @@ input[type=radio]:checked:before {
text-shadow: none !important; text-shadow: none !important;
} }
.wp-core-ui .button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #ad5d1e !important;
box-shadow: 0 2px 0 #ad5d1e !important;
}
.wp-core-ui .button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #ad5d1e !important;
box-shadow: inset 0 3px 0 #ad5d1e !important;
}
.wp-core-ui .wp-ui-primary { .wp-core-ui .wp-ui-primary {
color: #fff; color: #fff;
background-color: #cf4944; background-color: #cf4944;

File diff suppressed because one or more lines are too long

View File

@ -462,13 +462,17 @@ strong {
-webkit-appearance: none; -webkit-appearance: none;
line-height: 2; line-height: 2;
padding: 0 10px 1px; padding: 0 10px 1px;
background: #00a0d2; background: #0085ba;
border-color: #0073aa; border-color: #0073aa #006799 #006799;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 ); -webkit-box-shadow: 0 1px 0 #006799;
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 ); box-shadow: 0 1px 0 #006799;
color: #fff; color: #fff;
text-shadow: 0 -1px 1px #006799,
-1px 0 1px #006799,
0 1px 1px #006799,
1px 0 1px #006799;
} }
.split-button-primary { .split-button-primary {
@ -486,42 +490,37 @@ strong {
border-top-left-radius: 3px; border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-right: 0 none; border-right: 1px solid #006799;
float: left; float: left;
} }
.split-button-toggle i { .split-button-toggle i {
margin: 4px 0 3px 20px; margin: 4px 0 3px 20px;
padding: 0 10px; padding: 0 10px;
border-right: 1px solid #fff;
} }
.split-button-primary:hover, .split-button-primary:hover,
.split-button-toggle:hover { .split-button-toggle:hover {
outline: none; outline: none;
background: #0091cd; background: #008ec2;
border-color: #0073aa; border-color: #006799;
} }
.split-button-primary:focus, .split-button-primary:focus,
.split-button-toggle:focus { .split-button-toggle:focus {
outline: none; outline: none;
border-color: #0e3950; -webkit-box-shadow: 0 1px 0 #0073aa,
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ), 0 0 2px 1px #33b3db;
0 0 0 1px #5b9dd9, box-shadow: 0 1px 0 #0073aa,
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
} }
.split-button-primary:active, .split-button-primary:active,
.split-button-toggle:active { .split-button-toggle:active {
background: #0073aa; background: #0073aa;
border-color: #005082; border-color: #006799;
color: rgba( 255, 255, 255, 0.95 ); -webkit-box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa;
-webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 ); box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa;
box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
} }
/** /**
@ -1438,15 +1437,15 @@ html {
.scan-submit:hover, .scan-submit:hover,
.scan-submit:focus { .scan-submit:focus {
background: #2991b7; background: #008ec2;
border-color: #20708e; border-color: #006799;
color: #fff; color: #fff;
outline: 0; outline: 0;
} }
.scan-submit:active { .scan-submit:active {
background: #2581a2; background: #0073aa;
border-color: #20708e; border-color: #006799;
color: #fff; color: #fff;
} }

File diff suppressed because one or more lines are too long

View File

@ -462,13 +462,17 @@ strong {
-webkit-appearance: none; -webkit-appearance: none;
line-height: 2; line-height: 2;
padding: 0 10px 1px; padding: 0 10px 1px;
background: #00a0d2; background: #0085ba;
border-color: #0073aa; border-color: #0073aa #006799 #006799;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 ); -webkit-box-shadow: 0 1px 0 #006799;
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 ); box-shadow: 0 1px 0 #006799;
color: #fff; color: #fff;
text-shadow: 0 -1px 1px #006799,
1px 0 1px #006799,
0 1px 1px #006799,
-1px 0 1px #006799;
} }
.split-button-primary { .split-button-primary {
@ -486,42 +490,37 @@ strong {
border-top-right-radius: 3px; border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-left: 0 none; border-left: 1px solid #006799;
float: right; float: right;
} }
.split-button-toggle i { .split-button-toggle i {
margin: 4px 20px 3px 0; margin: 4px 20px 3px 0;
padding: 0 10px; padding: 0 10px;
border-left: 1px solid #fff;
} }
.split-button-primary:hover, .split-button-primary:hover,
.split-button-toggle:hover { .split-button-toggle:hover {
outline: none; outline: none;
background: #0091cd; background: #008ec2;
border-color: #0073aa; border-color: #006799;
} }
.split-button-primary:focus, .split-button-primary:focus,
.split-button-toggle:focus { .split-button-toggle:focus {
outline: none; outline: none;
border-color: #0e3950; -webkit-box-shadow: 0 1px 0 #0073aa,
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ), 0 0 2px 1px #33b3db;
0 0 0 1px #5b9dd9, box-shadow: 0 1px 0 #0073aa,
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px #33b3db;
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
} }
.split-button-primary:active, .split-button-primary:active,
.split-button-toggle:active { .split-button-toggle:active {
background: #0073aa; background: #0073aa;
border-color: #005082; border-color: #006799;
color: rgba( 255, 255, 255, 0.95 ); -webkit-box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa;
-webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 ); box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa;
box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
} }
/** /**
@ -1438,15 +1437,15 @@ html {
.scan-submit:hover, .scan-submit:hover,
.scan-submit:focus { .scan-submit:focus {
background: #2991b7; background: #008ec2;
border-color: #20708e; border-color: #006799;
color: #fff; color: #fff;
outline: 0; outline: 0;
} }
.scan-submit:active { .scan-submit:active {
background: #2581a2; background: #0073aa;
border-color: #20708e; border-color: #006799;
color: #fff; color: #fff;
} }

File diff suppressed because one or more lines are too long

View File

@ -131,8 +131,8 @@ TABLE OF CONTENTS:
color: #555; color: #555;
border-color: #cccccc; border-color: #cccccc;
background: #f7f7f7; background: #f7f7f7;
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); -webkit-box-shadow: 0 1px 0 #cccccc;
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); box-shadow: 0 1px 0 #cccccc;
vertical-align: top; vertical-align: top;
} }
@ -164,10 +164,10 @@ TABLE OF CONTENTS:
.wp-core-ui .button-link:focus { .wp-core-ui .button-link:focus {
-webkit-box-shadow: -webkit-box-shadow:
0 0 0 1px #5b9dd9, 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px rgba(0, 115, 170, .8);
box-shadow: box-shadow:
0 0 0 1px #5b9dd9, 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px rgba(0, 115, 170, .8);
} }
.wp-core-ui .button.active, .wp-core-ui .button.active,
@ -176,20 +176,22 @@ TABLE OF CONTENTS:
.wp-core-ui .button-secondary:active { .wp-core-ui .button-secondary:active {
background: #eee; background: #eee;
border-color: #999; border-color: #999;
color: #32373c;
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
} }
.wp-core-ui .button.active:focus { .wp-core-ui .button.active:focus {
-webkit-box-shadow: -webkit-box-shadow:
inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ), inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
0 0 0 1px #5b9dd9, 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px rgba(0, 115, 170, .8);
box-shadow: box-shadow:
inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ), inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
0 0 0 1px #5b9dd9, 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px rgba(0, 115, 170, .8);
} }
.wp-core-ui .button[disabled], .wp-core-ui .button[disabled],
@ -213,36 +215,33 @@ TABLE OF CONTENTS:
---------------------------------------------------------------------------- */ ---------------------------------------------------------------------------- */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #00a0d2; background: #0085ba;
border-color: #0073aa; border-color: #0073aa #006799 #006799;
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 ); -webkit-box-shadow: 0 1px 0 #006799;
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 ); box-shadow: 0 1px 0 #006799;
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
text-shadow: 0 -1px 1px #006799,
-1px 0 1px #006799,
0 1px 1px #006799,
1px 0 1px #006799;
} }
.wp-core-ui .button-primary.hover, .wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #0091cd; background: #008ec2;
border-color: #0073aa; border-color: #006799;
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
color: #fff; color: #fff;
} }
.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
border-color: #0e3950; -webkit-box-shadow: 0 1px 0 #0073aa,
-webkit-box-shadow: 0 0 2px 1px #33b3db;
inset 0 1px 0 rgba( 120, 200, 230, 0.6 ), box-shadow: 0 1px 0 #0073aa,
0 0 0 1px #5b9dd9, 0 0 2px 1px #33b3db;
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
} }
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active,
@ -250,10 +249,9 @@ TABLE OF CONTENTS:
.wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #0073aa; background: #0073aa;
border-color: #005082; border-color: #006799;
color: rgba( 255, 255, 255, 0.95 ); -webkit-box-shadow: inset 0 2px 0 #006799;
-webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 ); box-shadow: inset 0 2px 0 #006799;
box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
vertical-align: top; vertical-align: top;
} }
@ -270,6 +268,19 @@ TABLE OF CONTENTS:
cursor: default; cursor: default;
} }
.wp-core-ui .button.button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #006799;
box-shadow: 0 2px 0 #006799;
}
.wp-core-ui .button.button-primary.button-hero.active,
.wp-core-ui .button.button-primary.button-hero.active:hover,
.wp-core-ui .button.button-primary.button-hero.active:focus,
.wp-core-ui .button.button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #006799;
box-shadow: inset 0 3px 0 #006799;
}
/* ---------------------------------------------------------------------------- /* ----------------------------------------------------------------------------
4.0 - Button Groups 4.0 - Button Groups
---------------------------------------------------------------------------- */ ---------------------------------------------------------------------------- */

File diff suppressed because one or more lines are too long

View File

@ -131,8 +131,8 @@ TABLE OF CONTENTS:
color: #555; color: #555;
border-color: #cccccc; border-color: #cccccc;
background: #f7f7f7; background: #f7f7f7;
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); -webkit-box-shadow: 0 1px 0 #cccccc;
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); box-shadow: 0 1px 0 #cccccc;
vertical-align: top; vertical-align: top;
} }
@ -164,10 +164,10 @@ TABLE OF CONTENTS:
.wp-core-ui .button-link:focus { .wp-core-ui .button-link:focus {
-webkit-box-shadow: -webkit-box-shadow:
0 0 0 1px #5b9dd9, 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px rgba(0, 115, 170, .8);
box-shadow: box-shadow:
0 0 0 1px #5b9dd9, 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px rgba(0, 115, 170, .8);
} }
.wp-core-ui .button.active, .wp-core-ui .button.active,
@ -176,20 +176,22 @@ TABLE OF CONTENTS:
.wp-core-ui .button-secondary:active { .wp-core-ui .button-secondary:active {
background: #eee; background: #eee;
border-color: #999; border-color: #999;
color: #32373c;
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
} }
.wp-core-ui .button.active:focus { .wp-core-ui .button.active:focus {
-webkit-box-shadow: -webkit-box-shadow:
inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ), inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
0 0 0 1px #5b9dd9, 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px rgba(0, 115, 170, .8);
box-shadow: box-shadow:
inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ), inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
0 0 0 1px #5b9dd9, 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px rgba(0, 115, 170, .8);
} }
.wp-core-ui .button[disabled], .wp-core-ui .button[disabled],
@ -213,36 +215,33 @@ TABLE OF CONTENTS:
---------------------------------------------------------------------------- */ ---------------------------------------------------------------------------- */
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #00a0d2; background: #0085ba;
border-color: #0073aa; border-color: #0073aa #006799 #006799;
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 ); -webkit-box-shadow: 0 1px 0 #006799;
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 ); box-shadow: 0 1px 0 #006799;
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
text-shadow: 0 -1px 1px #006799,
1px 0 1px #006799,
0 1px 1px #006799,
-1px 0 1px #006799;
} }
.wp-core-ui .button-primary.hover, .wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
background: #0091cd; background: #008ec2;
border-color: #0073aa; border-color: #006799;
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
color: #fff; color: #fff;
} }
.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
border-color: #0e3950; -webkit-box-shadow: 0 1px 0 #0073aa,
-webkit-box-shadow: 0 0 2px 1px #33b3db;
inset 0 1px 0 rgba( 120, 200, 230, 0.6 ), box-shadow: 0 1px 0 #0073aa,
0 0 0 1px #5b9dd9, 0 0 2px 1px #33b3db;
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
} }
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active,
@ -250,10 +249,9 @@ TABLE OF CONTENTS:
.wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #0073aa; background: #0073aa;
border-color: #005082; border-color: #006799;
color: rgba( 255, 255, 255, 0.95 ); -webkit-box-shadow: inset 0 2px 0 #006799;
-webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 ); box-shadow: inset 0 2px 0 #006799;
box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
vertical-align: top; vertical-align: top;
} }
@ -270,6 +268,19 @@ TABLE OF CONTENTS:
cursor: default; cursor: default;
} }
.wp-core-ui .button.button-primary.button-hero {
-webkit-box-shadow: 0 2px 0 #006799;
box-shadow: 0 2px 0 #006799;
}
.wp-core-ui .button.button-primary.button-hero.active,
.wp-core-ui .button.button-primary.button-hero.active:hover,
.wp-core-ui .button.button-primary.button-hero.active:focus,
.wp-core-ui .button.button-primary.button-hero:active {
-webkit-box-shadow: inset 0 3px 0 #006799;
box-shadow: inset 0 3px 0 #006799;
}
/* ---------------------------------------------------------------------------- /* ----------------------------------------------------------------------------
4.0 - Button Groups 4.0 - Button Groups
---------------------------------------------------------------------------- */ ---------------------------------------------------------------------------- */

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.4-alpha-34947'; $wp_version = '4.4-alpha-34948';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.