|
175 | 175 | // Avatar Badge Bottom (hint) |
176 | 176 | // -------------------------------------------------- |
177 | 177 |
|
178 | | -:host ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) { |
| 178 | +:host ::slotted(ion-badge.badge-vertical-bottom:not(:empty)) { |
179 | 179 | @include globals.transform(translate(50%, 50%)); |
180 | 180 | } |
181 | 181 |
|
182 | | -:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) { |
| 182 | +:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)) { |
183 | 183 | @include globals.position(null, globals.$ion-scale-100, globals.$ion-scale-100, null); |
184 | 184 |
|
185 | 185 | @include globals.transform(translate(100%, 100%)); |
186 | 186 | } |
187 | 187 |
|
188 | | -:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) { |
| 188 | +:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)) { |
189 | 189 | @include globals.position(null, calc(globals.$ion-scale-050 * -1), calc(globals.$ion-scale-050 * -1), null); |
190 | 190 | } |
191 | 191 |
|
192 | | -:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)), |
193 | | -:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)), |
194 | | -:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) { |
| 192 | +:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)), |
| 193 | +:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)), |
| 194 | +:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)) { |
195 | 195 | @include globals.position(null, globals.$ion-scale-050, globals.$ion-scale-050, null); |
196 | 196 | } |
197 | 197 |
|
198 | | -:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom[vertical]:not(:empty)) { |
| 198 | +:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)) { |
199 | 199 | @include globals.position(null, globals.$ion-scale-150, globals.$ion-scale-150, null); |
200 | 200 | } |
201 | 201 |
|
202 | 202 | // Avatar Badge Top (hint) |
203 | 203 | // -------------------------------------------------- |
204 | 204 |
|
205 | | -:host ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) { |
| 205 | +:host ::slotted(ion-badge.badge-vertical-top:not(:empty)) { |
206 | 206 | @include globals.transform(translate(50%, -50%)); |
207 | 207 | } |
208 | 208 |
|
209 | | -:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) { |
| 209 | +:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)) { |
210 | 210 | @include globals.position(globals.$ion-scale-050, 0, null, null); |
211 | 211 | } |
212 | 212 |
|
213 | | -:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) { |
| 213 | +:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)) { |
214 | 214 | @include globals.position(globals.$ion-scale-100, calc(globals.$ion-scale-050 * -1), null, null); |
215 | 215 | } |
216 | 216 |
|
217 | | -:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)), |
218 | | -:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) { |
| 217 | +:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)), |
| 218 | +:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)) { |
219 | 219 | @include globals.position(globals.$ion-scale-150, 0, null, null); |
220 | 220 | } |
221 | 221 |
|
222 | | -:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) { |
| 222 | +:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)) { |
223 | 223 | @include globals.position(globals.$ion-scale-150, globals.$ion-scale-050, null, null); |
224 | 224 | } |
225 | 225 |
|
226 | | -:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top[vertical]:not(:empty)) { |
| 226 | +:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)) { |
227 | 227 | @include globals.position(globals.$ion-scale-150, globals.$ion-scale-150, null, null); |
228 | 228 | } |
229 | 229 |
|
|
0 commit comments