preact/demo/people/styles/avatar.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

#people-app {
	.avatar {
		display: inline-block;
		overflow: hidden;
		width: var(--avatar-size, 32px);
		height: var(--avatar-size, 32px);
		background-color: var(--avatar-color, var(--app-primary));
		border-radius: 50%;
		font-size: calc(var(--avatar-size, 32px) * 0.5);
		line-height: var(--avatar-size, 32px);
		object-fit: cover;
		text-align: center;
		text-transform: uppercase;
		white-space: nowrap;
	}
}