src/components/molecules/UserList/UserList.scss
@import "scss/constants";
$user-list-cell-size: 30px;
.UserList {
&__label {
display: flex;
flex-direction: column;
align-items: center;
&-text {
z-index: z(user-list-label);
}
}
&__avatars {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
&__avatar {
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
}
&__cell {
display: flex;
justify-content: center;
align-items: center;
height: $user-list-cell-size;
width: $user-list-cell-size;
margin: 2px;
background-color: $secondary;
border-radius: $border-radius--max;
}
&__excessive-number {
font-size: $font-size--md;
margin-left: $spacing--xs;
align-self: center;
}
}