diff --git a/_assets/css/component/_boxes.scss b/_assets/css/component/_boxes.scss index 00a3c2350..06bd53d2e 100644 --- a/_assets/css/component/_boxes.scss +++ b/_assets/css/component/_boxes.scss @@ -116,6 +116,14 @@ outline-color: color("primary-vivid"); outline-width: 8px; } + &:focus-visible { + @include u-bg("transparent"); + outline-style: solid; + outline-color: color("primary-vivid"); + outline-width: 8px; + outline-offset: units(0.5); + + } a { @include u-margin(0); @@ -129,6 +137,10 @@ @include u-bg("transparent"); text-decoration: none; } + &:focus-visible { + @include u-bg("transparent"); + text-decoration: none; + } } .usa-button { diff --git a/_assets/css/pages/_fellows.scss b/_assets/css/pages/_fellows.scss index 735824156..a92e00301 100644 --- a/_assets/css/pages/_fellows.scss +++ b/_assets/css/pages/_fellows.scss @@ -121,6 +121,11 @@ text-decoration: underline; } } + &:focus { + h2 { + text-decoration: underline; + } + } .body-intro--bold { color: color('primary'); @include u-font('serif', 9); // 22 px -- h2 sizing overrides the typography.scss size declaration diff --git a/pages/home.html b/pages/home.html index 4e87cf7fb..09c7e0de5 100644 --- a/pages/home.html +++ b/pages/home.html @@ -110,7 +110,7 @@

Mentorship and -
+