Help/About: Add a hover effect for links on About pages.

* Add a color that passes WCAG color contrast criteria to every link.
* Add an underline for links in credits list only on hover/focus.

Props audrasjb, ixkaito, mukesh27, melchoyce, SergeyBiryukov.
Merges [46852] to the 5.3 branch.
Fixes #48582.
Built from https://develop.svn.wordpress.org/branches/5.3@46853


git-svn-id: http://core.svn.wordpress.org/branches/5.3@46653 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Sergey Biryukov 2019-12-09 15:33:03 +00:00
parent a590a590a3
commit ba1ec74fdc
5 changed files with 37 additions and 9 deletions

View File

@ -305,11 +305,25 @@
line-height: inherit;
}
.about__section a,
.about__section a {
color: #5f1b29;
text-decoration: underline;
}
.about__section a:hover,
.about__section a:active,
.about__section a:focus {
color: inherit;
text-decoration: none;
}
.wp-credits-list a {
text-decoration: none;
}
.wp-credits-list a:hover,
.wp-credits-list a:active,
.wp-credits-list a:focus {
text-decoration: underline;
}
.about__container ul {
@ -427,7 +441,7 @@
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
background-color: #5F1B29;
background-color: #5f1b29;
background-color: var(--accent-2);
margin: 0;
padding: 32px;

File diff suppressed because one or more lines are too long

View File

@ -305,11 +305,25 @@
line-height: inherit;
}
.about__section a,
.about__section a {
color: #5f1b29;
text-decoration: underline;
}
.about__section a:hover,
.about__section a:active,
.about__section a:focus {
color: inherit;
text-decoration: none;
}
.wp-credits-list a {
text-decoration: none;
}
.wp-credits-list a:hover,
.wp-credits-list a:active,
.wp-credits-list a:focus {
text-decoration: underline;
}
.about__container ul {
@ -427,7 +441,7 @@
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
background-color: #5F1B29;
background-color: #5f1b29;
background-color: var(--accent-2);
margin: 0;
padding: 32px;

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.3.1-alpha-46850';
$wp_version = '5.3.1-alpha-46853';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.