Use SASS for hover

4 years ago · b3a97c9b42
1 changed files with 14 additions and 17 deletions
--- a/app/javascript/styles/_application-custom.scss
+++ b/app/javascript/styles/_application-custom.scss
@ -1,21 +1,18 @@
-.a:link,
+.a,
-.govuk-link:link {
+.govuk-link {
  color: #1d70b8;
-}
+  &__link:link {
-
+    color: #003078;
-.a:visited
+  }
-.govuk-link:visited {
+  &__visited {
-  color: #4c2c92;;
+    color: #4c2c92;
-}
+  }
-
+  &__link:focus {
-.a:focus
+    color: #0b0c0c;
-.govuk-link:focus {
+  }
-  color: #0b0c0c;
+  &__link:hover {
-}
+    color: #003078;
-
+  }
 .a:hover
 .govuk-link:hover {
  color: #0b0c0c;
 }
 // turbo-frame {