Spell out decoration components (#160)

The shorthand does not quite work in Safari. Therefore, we need to define the different components individually.
wagtail · Apr 13, 2022 · a192575 · a192575
1 parent 3438827
commit a192575
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/sass/_component_link.scss b/sass/_component_link.scss
@@ -1,6 +1,9 @@
 a {
     color: $link-color;
     text-decoration: 2px solid underline;
+    text-decoration-line: underline;
+    text-decoration-style: solid;
+    text-decoration-thickness: 2px;
     text-decoration-color: $link-border-color;
     text-underline-offset: 3px;
 
@@ -9,10 +12,12 @@ a {
         color: $link-hover-color;
         // This is necessary because of some weird `hover` mixin in bootstrap.
         text-decoration: 2px solid underline;
+        text-decoration-color: currentcolor;
     }
 
     &:active {
         color: $link-active-color;
         text-decoration: 2px solid underline;
+        text-decoration-color: currentcolor;
     }
 }