remove usa-skipnav from touchpoints-skipnav

Co-authored-by: elisa lee <elisa@skylight.digital>
CDCgov · Sep 8, 2023 · ec6987c · ec6987c
1 parent bcbe96d
commit ec6987c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 16 deletions.
diff --git a/_sass/touchpoints.scss b/_sass/touchpoints.scss
@@ -3431,7 +3431,7 @@ img {
     padding-left: 4rem;
 }
 
-#fba-modal-dialog .usa-skipnav {
+#fba-modal-dialog .touchpoints-skipnav {
     font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
     font-size: 1.06rem;
     line-height: 1.5;
@@ -3446,15 +3446,15 @@ img {
     z-index: 100;
 }
 
-#fba-modal-dialog .usa-skipnav:hover {
+#fba-modal-dialog .touchpoints-skipnav:hover {
     color: #1a4480;
 }
 
-#fba-modal-dialog .usa-skipnav:active {
+#fba-modal-dialog .touchpoints-skipnav:active {
     color: #162e51;
 }
 
-#fba-modal-dialog .usa-skipnav:focus {
+#fba-modal-dialog .touchpoints-skipnav:focus {
     outline: 0.25rem solid #2491ff;
     outline-offset: 0;
     background: white;
@@ -3464,7 +3464,7 @@ img {
     transition: 0.2s ease-in-out;
 }
 
-#fba-modal-dialog .usa-skipnav:visited {
+#fba-modal-dialog .touchpoints-skipnav:visited {
     color: #54278f;
 }
 
@@ -4263,7 +4263,7 @@ img {
     border-bottom-right-radius: 0
 }
 
-.usa-skipnav.touchpoints-skipnav {
+.touchpoints-skipnav {
     font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
     font-size: 1.06rem;
     line-height: 1.5;
@@ -4278,24 +4278,21 @@ img {
     z-index: 100;
 }
 
-.usa-skipnav.touchpoints-skipnav:hover {
+.touchpoints-skipnav:hover {
     color: #1a4480;
 }
 
-.usa-skipnav.touchpoints-skipnav:active {
+.touchpoints-skipnav:active {
     color: #162e51;
 }
 
-.usa-skipnav.touchpoints-skipnav:focus {
-    outline: 0.25rem solid #2491ff;
-    outline-offset: 0;
-}
-
-.usa-skipnav.touchpoints-skipnav:visited {
+.touchpoints-skipnav:visited {
     color: #54278f;
 }
 
-.usa-skipnav.touchpoints-skipnav:focus {
+.touchpoints-skipnav:focus {
+    outline: 0.25rem solid #2491ff;
+    outline-offset: 0;
     background: white;
     left: 0;
     position: absolute;

diff --git a/assets/js/touchpoints.js b/assets/js/touchpoints.js
@@ -406,7 +406,7 @@ function FBAform(d, N) {
     },
     loadFeebackSkipLink: function () {
       this.skipLink = document.createElement("a");
-      this.skipLink.setAttribute("class", "usa-skipnav touchpoints-skipnav");
+      this.skipLink.setAttribute("class", "touchpoints-skipnav");
       this.skipLink.setAttribute("href", "#fba-button");
       this.skipLink.addEventListener("click", function () {
         document.querySelector("#fba-button").focus();