Component Library
Sign out

Avatar 

<img src="https://placem.at/people" class="acl-avatar acl-avatar--x-small" />

<img src="https://placem.at/people" class="acl-avatar acl-avatar--small" />

<img src="https://placem.at/people" class="acl-avatar" />
 
<img src="https://placem.at/people" class="acl-avatar acl-avatar--x-small" />


<img src="https://placem.at/people" class="acl-avatar acl-avatar--small" />


<img src="https://placem.at/people" class="acl-avatar" />
 
/* No context defined. */
  • Content: 
    .acl-avatar {
	height: 50px;
	width: 50px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	object-fit: cover;

	&--small {
		height: 38px;
		width: 38px;
	}
	&--x-small {
		height: 24px;
		width: 24px;
	}
}
  • URL: /components/raw/avatar/acl-avatar.scss
  • Filesystem Path: src/components/avatar/acl-avatar.scss
  • Size: 209 Bytes

No notes defined.