Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #3273056 by kmonahan, mherchel, Johnny Santos, rkoller, ckrina: Active and hover state of skip to main content has a too low color contrast

merge-requests/2161/head
Lauri Eskola 2022-04-22 15:38:33 +03:00
parent aa75324995
commit c3a73e9df4
No known key found for this signature in database
GPG Key ID: 382FC0F5B0DF53F8
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
core/themes/claro/css/components/skip-link.css
View File

@ -17,12 +17,18 @@
left: 50%;
padding: 1px 0.625rem 2px;
transform: translateX(-50%);
color: #fff;
color: var(--color-white);
border-radius: 0 0 0.625rem 0.625rem;
background: #444;
background: var(--color-gray-800);
font-size: 0.94em;
}
.skip-link:hover,
.skip-link:active {
color: var(--color-white);
background-color: var(--color-gray);
}
.skip-link:focus {
text-decoration: none;
}

9
core/themes/claro/css/components/skip-link.pcss.css
View File

@ -10,11 +10,16 @@
left: 50%;
padding: 1px 10px 2px;
transform: translateX(-50%);
color: #fff;
color: var(--color-white);
border-radius: 0 0 10px 10px;
background: #444;
background: var(--color-gray-800);
font-size: 0.94em;
}
.skip-link:hover,
.skip-link:active {
color: var(--color-white);
background-color: var(--color-gray);
}
.skip-link:focus {
text-decoration: none;
}