@import '../../style/themes/index.less';
@import '../../style/mixins/flex.less';

@depot-prefix-cls: ~'@{depot-prefix}-avatar';
@avatar-size-default: 40px;
@avatar-size-xxl: 112px;
@avatar-size-xl: 80px;
@avatar-font-size-xxl: 50px;
@avatar-font-size-xl: 40px;
@avatar-font-size-default: 24px;
.@{depot-prefix-cls} {
  .avatar-size(@avatar-size-default, @avatar-font-size-default);

  &-xxl {
    .avatar-size(@avatar-size-xxl, @avatar-font-size-xxl);
  }

  &-xl {
    .avatar-size(@avatar-size-xl, @avatar-font-size-xl);
  }
  .avatar-size(@size, @font-size) {
    width: @size;
    height: @size;
    line-height: @size;
    // border-radius: 50%;
    &.ant-avatar-icon {
      font-size: @font-size;
    }
  }
}