Skip to content

Commit

Permalink
Help/About: Add a hover effect for links on About pages.
Browse files Browse the repository at this point in the history
* 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
  • Loading branch information
SergeyBiryukov committed Dec 9, 2019
1 parent 9b69d0f commit cb9ed87
Showing 1 changed file with 17 additions and 3 deletions.
20 changes: 17 additions & 3 deletions src/wp-admin/css/about.css
Expand Up @@ -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 {
Expand Down Expand Up @@ -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;
Expand Down

0 comments on commit cb9ed87

Please sign in to comment.