@import "var";

.@{prefixName}-avatar {
  display: flex;
  border-radius: 50%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
	font-size: 0;

  &.size {
    &-sm {
      width: @avatar-size-sm;
      height: @avatar-size-sm;
    }
    &-md {
      width: @avatar-size-md;
      height: @avatar-size-md;
    }
    &-lg {
      width: @avatar-size-lg;
      height: @avatar-size-lg;
    }
  }

  &--square {
    border-radius: @avatar-border-radius;
  }

  &--text {
    background-color: @avatar-background-color;
  }

  &__image,
  &__weixin-image {
    width: 100%;
    height: 100%;
  }

  &__text {
    font-size: @avatar-text-size;
    color: @avatar-text-color;
  }

  &__badge {
    margin-top: 2px;
    margin-right: 2px;
  }
}