make mixin work with any text color

alexandersandberg · alexandersandberg · commit b57ec7b20fb6 · 2025-06-05T07:44:38.000+02:00
diff --git a/assets/stylesheets/new-stylesheets/_helpers.scss b/assets/stylesheets/new-stylesheets/_helpers.scss
@@ -197,6 +197,6 @@
 
 @mixin underline {
   text-decoration: underline;
-  text-decoration-color: rgba(255, 255, 255, 0.5);
+  text-decoration-color: color-mix(in srgb, currentColor 50%, transparent);
   text-underline-offset: 2px;
 }

Original file line number	Diff line number	Diff line change
`@@ -197,6 +197,6 @@`
`197`	`197`
`198`	`198`	`@mixin underline {`
`199`	`199`	`text-decoration: underline;`
`200`		`- text-decoration-color: rgba(255, 255, 255, 0.5);`
	`200`	`+ text-decoration-color: color-mix(in srgb, currentColor 50%, transparent);`
`201`	`201`	`text-underline-offset: 2px;`
`202`	`202`	`}`