// Imports
@import './_variables.scss';

.nv-avatar {
  @apply inline-flex items-center justify-center font-medium text-white overflow-hidden align-middle border-2 border-white rounded-full leading-none;

  > img {
    @apply w-full h-full object-center object-cover
  }

  @each $name, $size in $avatar-sizes {
    &.nv-size--#{$name} {
      font-size: map-deep-get($avatar-font-sizes, $name);
      width: #{$size};
      height: #{$size};
    }
  }
}