<div class="rtds-user-avatar">
<img alt="" width="56" height="56" src="/images/user-placeholder.png" srcset="/images/user-placeholder@2x.png 2x, /images/user-placeholder.png 1x" class="rtds-user-avatar__image">
</div>
<div class="rtds-user-avatar">
<img alt="{{ alt }}" width="56" height="56" src="{{ path }}"{% if srcset %} srcset="{{ srcset }}"{% endif %} class="rtds-user-avatar__image">
</div>
{
"path": "/images/user-placeholder.png",
"alt": "",
"srcset": "/images/user-placeholder@2x.png 2x, /images/user-placeholder.png 1x"
}
/**
* User Avatar
* @component
* @layer components
*/
@layer components {
.rtds-user-avatar {
@apply rtds-flex-none rtds-w-14 rtds-h-14 rtds-rounded-full rtds-overflow-hidden;
}
.rtds-user-avatar__image {
@apply rtds-w-full rtds-h-full rtds-object-cover rtds-object-center;
}
}
No notes defined.