DATAP-1218: Need a focus state for accessibility (#1858) (#485)

* add hover and focus css for tabbed nav * hex to color variable
cfpb · Jan 23, 2024 · 878056d · 878056d
1 parent 8d0a802
commit 878056d
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/TabbedNavigation.less b/src/components/TabbedNavigation.less
@@ -22,6 +22,14 @@
         border: 1px solid @gray-20;
         border-bottom: none;
 
+        &:hover {
+          color: @pacific-60;
+        }
+
+        &:focus {
+          color: @navy-dark;
+        }
+
         &:after {
           content: '';
           border-top: solid 1px;