Twenty Nineteen: Define underline thickness for links.

This changeset adds `text-decoration-thickness: 2px;` to all underlined link to ensure that underline thickness stay consistent across browsers. This fixes an issue where the underline style on links using the Hoefler Text font was too thin in Firefox.

Props allancole, sabernhardt, danfarrow, audrasjb, neychok, multidots1896, maartenj.
Fixes #45925.

Built from https://develop.svn.wordpress.org/trunk@54171


git-svn-id: http://core.svn.wordpress.org/trunk@53730 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-content/themes/twentynineteen/sass/elements/_elements.scss

@@ -40,6 +40,7 @@ a:focus {
 	outline: thin;
 	outline-style: dotted;
 	text-decoration: underline;
+	text-decoration-thickness: 2px;
 }
 
 h1,

wp-content/themes/twentynineteen/sass/navigation/_links.scss

@@ -17,5 +17,6 @@ a {
 	&:focus {
 		outline: thin dotted;
 		text-decoration: underline;
+		text-decoration-thickness: 2px;
 	}
 }

wp-content/themes/twentynineteen/sass/site/primary/_comments.scss

@@ -323,6 +323,7 @@
 
 		a {
 			text-decoration: underline;
+			text-decoration-thickness: 2px;
 
 			&:hover {
 				text-decoration: none;

wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss

@@ -212,6 +212,7 @@
 
 		a {
 			text-decoration: underline;
+			text-decoration-thickness: 2px;
 
 			&.button,
 			&:hover {

wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss

@@ -81,6 +81,7 @@
 
 	a {
 		text-decoration: underline;
+		text-decoration-thickness: 2px;
 	}
 
 	.wp-calendar-table {

wp-content/themes/twentynineteen/sass/typography/_copy.scss

@@ -58,5 +58,6 @@ a {
 
 	&:focus {
 		text-decoration: underline;
+		text-decoration-thickness: 2px;
 	}
 }

wp-content/themes/twentynineteen/style-rtl.css

@@ -2471,6 +2471,7 @@ a:hover {
 
 a:focus {
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 /* Elements */
@@ -2512,6 +2513,7 @@ a:focus {
   outline: thin;
   outline-style: dotted;
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 h1,
@@ -2760,6 +2762,7 @@ a:active {
 a:focus {
   outline: thin dotted;
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 /*--------------------------------------------------------------
@@ -4423,6 +4426,7 @@ body.page .main-navigation {
 
 .entry .entry-content a {
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 .entry .entry-content a.button, .entry .entry-content a:hover {
@@ -4900,6 +4904,7 @@ body.page .main-navigation {
 
 .comment .comment-content a {
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 .comment .comment-content a:hover {
@@ -5225,6 +5230,7 @@ body.page .main-navigation {
 
 .widget_calendar .calendar_wrap a {
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 .widget_calendar .calendar_wrap .wp-calendar-table {

wp-content/themes/twentynineteen/style.css

@@ -2471,6 +2471,7 @@ a:hover {
 
 a:focus {
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 /* Elements */
@@ -2512,6 +2513,7 @@ a:focus {
   outline: thin;
   outline-style: dotted;
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 h1,
@@ -2760,6 +2762,7 @@ a:active {
 a:focus {
   outline: thin dotted;
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 /*--------------------------------------------------------------
@@ -4429,6 +4432,7 @@ body.page .main-navigation {
 
 .entry .entry-content a {
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 .entry .entry-content a.button, .entry .entry-content a:hover {
@@ -4906,6 +4910,7 @@ body.page .main-navigation {
 
 .comment .comment-content a {
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 .comment .comment-content a:hover {
@@ -5231,6 +5236,7 @@ body.page .main-navigation {
 
 .widget_calendar .calendar_wrap a {
   text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 .widget_calendar .calendar_wrap .wp-calendar-table {

wp-includes/version.php

@@ -16,7 +16,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '6.1-alpha-54170';
+$wp_version = '6.1-alpha-54171';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.