Preserve visual indicator

w3c · May 17, 2022 · 1662ec3 · 1662ec3
1 parent 1112cd3
commit 1662ec3
Showing 1 changed file with 18 additions and 4 deletions.
diff --git 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 {