From 1662ec355f08d2ae5976a41dab9b4158cf361a5d Mon Sep 17 00:00:00 2001 From: alflennik Date: Tue, 17 May 2022 15:18:41 -0400 Subject: [PATCH] Preserve visual indicator --- content-assets/wai-aria-practices/styles.css | 22 ++++++++++++++++---- 1 file changed, 18 insertions(+), 4 deletions(-) diff --git a/content-assets/wai-aria-practices/styles.css b/content-assets/wai-aria-practices/styles.css index 320df9763..4e07dff47 100644 --- a/content-assets/wai-aria-practices/styles.css +++ b/content-assets/wai-aria-practices/styles.css @@ -98,7 +98,6 @@ li.tile { align-self: stretch; list-style: none; margin: 0; - display: inline-block; padding: 2em 2em 0; background: #ffffff; height: 100%; @@ -107,18 +106,33 @@ li.tile { } li.tile a { + display: block; text-decoration: none; color: var(--wai-green); } -li.tile img { - float: left; - margin-right: 1em; +li.tile a:hover { + text-decoration: underline; +} + +li.tile a:focus { + outline-offset: 8px; + outline-color: #a8d2fa; + border-radius: 5px; +} + +li.tile a:visited { + color: var(--wai-green); } li.tile h2.tile-name { margin: 0; border: none; + display: flex; +} + +li.tile img { + margin-right: 1em; } li.tile .tile-introduction {