fix(material/core): Allow system variables to be formatted for opacity (angular#29665)

amysorto · web-flow · commit 90eea1bf7084 · 2024-08-29T11:07:38.000-07:00
diff --git a/src/material/core/style/_sass-utils.scss b/src/material/core/style/_sass-utils.scss
@@ -77,6 +77,10 @@ $use-system-typography-variables: false;
       $opacity: ($opacity * 100) + '%';
     }
 
+    @if (is-css-var-name($opacity)) {
+      $opacity: calc(var($opacity) * 100%);
+    }
+
     @if (is-css-var-name($color)) {
       $color: var($color);
     }

Original file line number	Diff line number	Diff line change
`@@ -77,6 +77,10 @@ $use-system-typography-variables: false;`
`77`	`77`	`$opacity: ($opacity * 100) + '%';`
`78`	`78`	`}`
`79`	`79`
	`80`	`+ @if (is-css-var-name($opacity)) {`
	`81`	`+ $opacity: calc(var($opacity) * 100%);`
	`82`	`+ }`
	`83`	`+`
`80`	`84`	`@if (is-css-var-name($color)) {`
`81`	`85`	`$color: var($color);`
`82`	`86`	`}`