avatar-group.scss 617 B

12345678910111213141516171819202122232425
  1. @use 'mixins/mixins' as *;
  2. @use 'mixins/var' as *;
  3. @use 'common/var' as *;
  4. @include b(avatar-group) {
  5. @include set-component-css-var('avatar-group', $avatar-group);
  6. display: inline-flex;
  7. .#{$namespace}-avatar {
  8. border: 1px solid getCssVar('border-color-extra-light');
  9. }
  10. .#{$namespace}-avatar:not(:first-child) {
  11. margin-left: getCssVar('avatar-group', 'item-gap');
  12. }
  13. @include e(collapse-avatars) {
  14. @include set-component-css-var('avatar-group', $avatar-group);
  15. .#{$namespace}-avatar:not(:first-child) {
  16. margin-left: getCssVar('avatar-group', 'collapse-item-gap');
  17. }
  18. }
  19. }