@mixin suiAvatarSize ($size, $font-size) {
  font-size: $font-size;
  width: $size;
  padding-bottom: $size - $sui-size-border * 2;
  line-height: $size - $sui-size-border * 2;
}

@mixin suiAvatarStackedColor($modifier, $border-color) {
  &.as--stacked.#{$modifier} {
    border: $sui-size-border solid $border-color;
    box-shadow: $border-color 0 0 0 rem(2);
  }

  &.as--stacked.#{$modifier} + .as--stacked.#{$modifier} {
    border: $sui-size-border solid $border-color;
    box-shadow: $border-color 0 0 0 rem(2);
  }
}