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.
Fixes #48582.

git-svn-id: https://develop.svn.wordpress.org/trunk@46852 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2019-12-09 15:29:47 +00:00
parent 9b69d0f71d
commit cb9ed875b2
1 changed files with 17 additions and 3 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;