#6004: Seedlet: Fix link underline colors in Safari (#6199)

* 6004: Seedlet: Fix link underline colors in Safari

* fix theme version

Co-authored-by: madhusudhand <madhusudhan.dollu@gmail.com>

seedlet/assets/css/style-editor.css

@@ -286,7 +286,9 @@
  */
 a {
 	color: var(--wp--style--color--link, var(--global--color-primary));
-	text-decoration: underline 1px var(--global--color-secondary);
+	text-decoration-color: var(--global--color-secondary);
+	text-decoration-line: underline;
+	text-decoration-thickness: 1px;
 	text-underline-offset: 0.3em;
 	transition: text-decoration 0.1s ease-out;
 }

seedlet/assets/sass/base/_base.scss

@@ -1,7 +1,9 @@
 // Links styles
 a {
-	color: var( --wp--style--color--link, var(--global--color-primary) );
-	text-decoration: underline 1px var(--global--color-secondary);
+	color: var(--wp--style--color--link, var(--global--color-primary));
+	text-decoration-color: var(--global--color-secondary);
+	text-decoration-line: underline;
+	text-decoration-thickness: 1px;
 	text-underline-offset: 0.3em;
 	transition: text-decoration 0.1s ease-out;
 
@@ -19,13 +21,13 @@ a {
 	}
 
 	&:active {
-		color: var( --wp--style--color--link, var(--global--color-primary) );
+		color: var(--wp--style--color--link, var(--global--color-primary));
 	}
 
 	// If a custom link color has been assigned,
 	// switch the color of the bottom border too.
 	.has-link-color & {
-		text-decoration-color: var( --wp--style--color--link, var(--global--color-primary) );
+		text-decoration-color: var(--wp--style--color--link, var(--global--color-primary));
 
 		&:hover,
 		&:focus {

seedlet/assets/sass/style.scss

@@ -7,7 +7,7 @@ Description: Seedlet is a free WordPress theme. A two-column layout and classica
 Requires at least: 5.5
 Tested up to: 5.5
 Requires PHP: 5.6.2
-Version: 1.1.16-wpcom
+Version: 1.1.23-wpcom
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Text Domain: seedlet

seedlet/style-rtl.css

@@ -8,7 +8,7 @@ Description: Seedlet is a free WordPress theme. A two-column layout and classica
 Requires at least: 5.5
 Tested up to: 5.5
 Requires PHP: 5.6.2
-Version: 1.1.19-wpcom
+Version: 1.1.23-wpcom
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Text Domain: seedlet
@@ -928,7 +928,9 @@ body {
 
 a {
 	color: var(--wp--style--color--link, var(--global--color-primary));
-	text-decoration: underline 1px var(--global--color-secondary);
+	text-decoration-color: var(--global--color-secondary);
+	text-decoration-line: underline;
+	text-decoration-thickness: 1px;
 	text-underline-offset: 0.3em;
 	transition: text-decoration 0.1s ease-out;
 }

seedlet/style.css

@@ -928,7 +928,9 @@ body {
 
 a {
 	color: var(--wp--style--color--link, var(--global--color-primary));
-	text-decoration: underline 1px var(--global--color-secondary);
+	text-decoration-color: var(--global--color-secondary);
+	text-decoration-line: underline;
+	text-decoration-thickness: 1px;
 	text-underline-offset: 0.3em;
 	transition: text-decoration 0.1s ease-out;
 }