text decoration thickness to use relative units

skatepark/assets/theme.css

@@ -110,7 +110,7 @@
 }
 
 a {
-	text-decoration-thickness: 2px;
+	text-decoration-thickness: 0.07em;
 	text-underline-offset: 0.25em;
 }
 
@@ -133,23 +133,24 @@ a {
 
 .wp-block-post-comments .comment-body > p > a:hover,
 .wp-block-post-comments .comment-edit-link:hover {
-	text-decoration: none;
+	-webkit-text-decoration-line: none;
+	        text-decoration-line: none;
 }
 
 .wp-block-site-title a,
 .wp-block-post-title a,
 .wp-block-query-pagination a,
 .post-meta a {
-	text-decoration: none;
+	-webkit-text-decoration-line: none;
+	        text-decoration-line: none;
 }
 
 .wp-block-site-title a:hover,
 .wp-block-post-title a:hover,
 .wp-block-query-pagination a:hover,
 .post-meta a:hover {
-	text-decoration: underline;
-	text-decoration-thickness: 2px;
-	text-underline-offset: 0.25em;
+	-webkit-text-decoration-line: underline;
+	        text-decoration-line: underline;
 }
 
 a:not(.ab-item):not(.screen-reader-shortcut):active, a:not(.ab-item):not(.screen-reader-shortcut):focus {

skatepark/sass/elements/_links.scss

@@ -1,5 +1,5 @@
 a {
-	text-decoration-thickness: 2px;
+	text-decoration-thickness: 0.07em;
 	text-underline-offset: 0.25em;
 }
 
@@ -16,7 +16,7 @@ a {
 .wp-block-post-comments .comment-edit-link {
 	text-decoration-line: underline;
 	&:hover {
-		text-decoration: none;
+		text-decoration-line: none;
 	}
 }
 
@@ -25,11 +25,9 @@ a {
 .wp-block-post-title a,
 .wp-block-query-pagination a,
 .post-meta a {
-	text-decoration: none;
+	text-decoration-line: none;
 	&:hover {
-		text-decoration: underline;
-		text-decoration-thickness: 2px;
-		text-underline-offset: 0.25em;
+		text-decoration-line: underline;
 	}
 }