Unverified Commit c3a73e9d 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
parent aa753249

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

+8 −2
Original line number Diff line number Diff line
@@ -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;

}

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

+7 −2
Original line number Diff line number Diff line
@@ -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;

}