add mixin to md file

BenOsodrac · BenOsodrac · commit 290c9e4bcb6b · 2025-03-28T10:58:30.000Z
diff --git a/core/src/components/avatar/avatar.md.scss b/core/src/components/avatar/avatar.md.scss
@@ -1,5 +1,6 @@
 @import "./avatar.common";
 @import "./avatar.md.vars";
+@use "../../themes/native/native.globals.md" as globals;
 
 // Material Design Avatar
 // --------------------------------------------------
@@ -15,17 +16,17 @@
 // --------------------------------------------------
 
 ::slotted(ion-badge.badge-vertical-top:empty) {
-  transform: translate(-50%, 50%);
+  @include globals.transform(translate(-50%, 50%));
 }
 
 ::slotted(ion-badge.badge-vertical-bottom:empty) {
   transform: translateX(-100%);
 }
 
 :host ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) {
-  transform: translate(0, 100%);
+  @include globals.transform(translate(0, 100%));
 }
 
 :host ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) {
-  transform: translate(0, -100%);
+  @include globals.transform(translate(0, -100%));
 }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`@import "./avatar.common";`
`2`	`2`	`@import "./avatar.md.vars";`
	`3`	`+@use "../../themes/native/native.globals.md" as globals;`
`3`	`4`
`4`	`5`	`// Material Design Avatar`
`5`	`6`	`// --------------------------------------------------`
`@@ -15,17 +16,17 @@`
`15`	`16`	`// --------------------------------------------------`
`16`	`17`
`17`	`18`	`::slotted(ion-badge.badge-vertical-top:empty) {`
`18`		`- transform: translate(-50%, 50%);`
	`19`	`+ @include globals.transform(translate(-50%, 50%));`
`19`	`20`	`}`
`20`	`21`
`21`	`22`	`::slotted(ion-badge.badge-vertical-bottom:empty) {`
`22`	`23`	`transform: translateX(-100%);`
`23`	`24`	`}`
`24`	`25`
`25`	`26`	`:host ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) {`
`26`		`- transform: translate(0, 100%);`
	`27`	`+ @include globals.transform(translate(0, 100%));`
`27`	`28`	`}`
`28`	`29`
`29`	`30`	`:host ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) {`
`30`		`- transform: translate(0, -100%);`
	`31`	`+ @include globals.transform(translate(0, -100%));`
`31`	`32`	`}`