vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-06-28 22:30:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Buttons: Update styles and colors.

Browse Source 
* 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@34948 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi
2015-10-08 17:30:57 +00:00
parent a1389117b2
commit df1b726ed0
3 changed files with 80 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/wp-admin/css/press-this.css
View File

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