fix(material/tabs): incorrect animation variable name (#32941)

crisbeto · web-flow · commit 6ed6218c474b · 2026-03-17T07:33:30.000+01:00
Fixes that after #32869, we had a reference to a variable that no longer exists.
diff --git a/src/material/tabs/_tabs-common.scss b/src/material/tabs/_tabs-common.scss
@@ -60,7 +60,8 @@ $mat-tab-animation-duration: 500ms !default;
   }
 
   .mdc-tab-indicator__content {
-    transition: var(--mat-tab-animation-duration, 250ms) transform cubic-bezier(0.4, 0, 0.2, 1);
+    transition: var(--mat-tab-header-animation-duration, 250ms)
+      transform cubic-bezier(0.4, 0, 0.2, 1);
     transform-origin: left;
     opacity: 0;
   }

Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,8 @@ $mat-tab-animation-duration: 500ms !default;`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`.mdc-tab-indicator__content {`
`63`		`- transition: var(--mat-tab-animation-duration, 250ms) transform cubic-bezier(0.4, 0, 0.2, 1);`
	`63`	`+ transition: var(--mat-tab-header-animation-duration, 250ms)`
	`64`	`+ transform cubic-bezier(0.4, 0, 0.2, 1);`
`64`	`65`	`transform-origin: left;`
`65`	`66`	`opacity: 0;`
`66`	`67`	`}`