Style cancel link and make it keyboard navigable

So that it looks and behaves like a normal link.
2026-09-05 23:58:25 -04:00 · 2018-12-05 16:29:04 +00:00
parent 5db1de3bbb
commit b0f89f7fe9
2 changed files with 21 additions and 1 deletions
--- a/app/assets/stylesheets/components/page-footer.scss
+++ b/app/assets/stylesheets/components/page-footer.scss
@@ -86,3 +86,21 @@
  }

 }
+
+.page-footer-js-cancel {
+
+  text-decoration: underline;
+  color: $govuk-blue;
+  cursor: pointer;
+
+  &:hover {
+    color: $link-hover-colour;
+  }
+
+  &:focus,
+  &:active, {
+    background: $yellow;
+    color: $govuk-blue;
+    outline: 3px solid $yellow;
+  }
+}