Merge pull request #658 from qld-gov-au/QOLDEV-43-double-underline

QOLDEV-43 fix double underline
qld-gov-au · Dec 11, 2022 · a9bbf49 · a9bbf49
2 parents 36b22bd + f132684
commit a9bbf49
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/assets/_project/_blocks/components/link/_qg-link.scss b/src/assets/_project/_blocks/components/link/_qg-link.scss
@@ -134,3 +134,8 @@
     @include qg-link-styles__default
   }
 }
+
+// Don't apply a text-decoration if underline is hardcoded
+u a {
+  text-decoration-line: none !important;
+}
diff --git a/src/assets/_project/_blocks/scss-general/_qg-variables.scss b/src/assets/_project/_blocks/scss-general/_qg-variables.scss
@@ -267,9 +267,16 @@ $qg-linkedin: #0077b5;
 @mixin qg-link-decoration {
   @include qg-link-underline;
   text-decoration-thickness: 0.5px;
+  @include qg-link-visited-decoration;
+}
+@mixin qg-link-visited-decoration {
+  &:visited {
+    text-decoration-color: currentColor;
+  }
 }
 @mixin qg-link-none-decoration {
   text-decoration-line: none;
+  @include qg-link-visited-decoration;
 }
 @mixin qg-link-hover-decoration {
   @include hover {