Skip to content

Commit 9eac519

Browse files
committed
added transform mixin usage
1 parent a9e337d commit 9eac519

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

core/src/components/avatar/avatar.ionic.scss

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -157,32 +157,32 @@
157157
// --------------------------------------------------
158158

159159
:host ::slotted(ion-badge.badge-vertical-top:empty) {
160-
transform: translate(globals.$ion-scale-050, calc(globals.$ion-scale-050 * -1));
160+
@include globals.transform(translate(globals.$ion-scale-050, calc(globals.$ion-scale-050 * -1)));
161161
}
162162

163163
:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty) {
164-
transform: translate(globals.$ion-scale-100, calc(globals.$ion-scale-100 * -1));
164+
@include globals.transform(translate(globals.$ion-scale-100, calc(globals.$ion-scale-100 * -1)));
165165
}
166166

167167
:host ::slotted(ion-badge.badge-vertical-bottom:empty) {
168-
transform: translate(0, globals.$ion-scale-100);
168+
@include globals.transform(translate(0, globals.$ion-scale-100));
169169
}
170170

171171
:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty) {
172-
transform: translate(globals.$ion-scale-100, globals.$ion-scale-100);
172+
@include globals.transform(translate(globals.$ion-scale-100, globals.$ion-scale-100));
173173
}
174174

175175
// Avatar Badge Bottom (hint)
176176
// --------------------------------------------------
177177

178178
:host ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) {
179-
transform: translate(50%, 50%);
179+
@include globals.transform(translate(50%, 50%));
180180
}
181181

182182
:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) {
183183
@include globals.position(null, globals.$ion-scale-100, globals.$ion-scale-100, null);
184184

185-
transform: translate(100%, 100%);
185+
@include globals.transform(translate(100%, 100%));
186186
}
187187

188188
:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) {
@@ -203,7 +203,7 @@
203203
// --------------------------------------------------
204204

205205
:host ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) {
206-
transform: translate(50%, -50%);
206+
@include globals.transform(translate(50%, -50%));
207207
}
208208

209209
:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) {

0 commit comments

Comments
 (0)