censa_front_end_library/css/src/components/avatarGroup.css

React components library project for censa Design System

.AvatarGroup-item {
  border-radius: 50%;
}

.AvatarGroup-item--regular {
  margin-right: calc(var(--spacing-m) * -1);
}

.AvatarGroup-item--tiny {
  margin-right: calc(var(--spacing-s) * -1);
}

.AvatarGroup-Popper {
  max-width: var(--spacing-9);
  overflow: hidden;
  box-sizing: border-box;
  word-break: break-word;
  hyphens: auto;
}

.AvatarGroup-TextWrapper {
  padding-right: var(--spacing);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  overflow-y: auto;
}

.AvatarCount-wrapper {
  border-radius: 50%;
}