Unverified Commit ac13dba9 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3273056 by kmonahan, mherchel, Johnny Santos, rkoller, ckrina: Active... 

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

(cherry picked from commit b710d3f4)
parent 69ee6496

core/themes/claro/css/components/skip-link.css

+7 −1
Original line number Diff line number Diff line
@@ -19,10 +19,16 @@ 
  transform: translateX(-50%);

  color: #fff;

  border-radius: 0 0 0.625rem 0.625rem;

  background: #444;

  background: #55565b;

  font-size: 0.94em;

}



.skip-link:hover,

.skip-link:active {

  color: #fff;

  background-color: #232429;

}



.skip-link:focus {

  text-decoration: none;

}

core/themes/claro/css/components/skip-link.pcss.css

+9 −2
Original line number Diff line number Diff line
@@ -5,16 +5,23 @@ 
 * Allows keyboard users to quickly skip to the main content of the page.

 */



@import "../base/variables.pcss.css";



.skip-link {

  z-index: 50;

  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;

}