|
157 | 157 | // -------------------------------------------------- |
158 | 158 |
|
159 | 159 | :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))); |
161 | 161 | } |
162 | 162 |
|
163 | 163 | :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))); |
165 | 165 | } |
166 | 166 |
|
167 | 167 | :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)); |
169 | 169 | } |
170 | 170 |
|
171 | 171 | :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)); |
173 | 173 | } |
174 | 174 |
|
175 | 175 | // Avatar Badge Bottom (hint) |
176 | 176 | // -------------------------------------------------- |
177 | 177 |
|
178 | 178 | :host ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) { |
179 | | - transform: translate(50%, 50%); |
| 179 | + @include globals.transform(translate(50%, 50%)); |
180 | 180 | } |
181 | 181 |
|
182 | 182 | :host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) { |
183 | 183 | @include globals.position(null, globals.$ion-scale-100, globals.$ion-scale-100, null); |
184 | 184 |
|
185 | | - transform: translate(100%, 100%); |
| 185 | + @include globals.transform(translate(100%, 100%)); |
186 | 186 | } |
187 | 187 |
|
188 | 188 | :host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) { |
|
203 | 203 | // -------------------------------------------------- |
204 | 204 |
|
205 | 205 | :host ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) { |
206 | | - transform: translate(50%, -50%); |
| 206 | + @include globals.transform(translate(50%, -50%)); |
207 | 207 | } |
208 | 208 |
|
209 | 209 | :host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) { |
|
0 commit comments