@import '../variables.scss';
@import './variables.scss';
@import '~@alifd/next/lib/core/index-noreset'; // next core style
@import '~@alifd/next/lib/avatar/scss/variable';
@import '~@alifd/next/lib/avatar/scss/mixin';

.#{$css-prefix}avatar-group {
  .#{$css-prefix}avatar {
    &.#{$css-prefix}avatar-small {
      margin-right: $b-design-avatar-small-group-margin-l;
      border: $b-design-avatar-group-border;
    }

    &.#{$css-prefix}avatar-medium {
      margin-right: $b-design-avatar-medium-group-margin-l;
      border: $b-design-avatar-group-border;
    }

    &.#{$css-prefix}avatar-large {
      margin-right: $b-design-avatar-large-group-margin-l;
      border: $b-design-avatar-group-border;
    }

    &.#{$css-prefix}avatar-xl {
      margin-right: $b-design-avatar-xl-group-margin-l;
      border: $b-design-avatar-group-border;
    }
  }
}

// 尺寸调整
.#{$css-prefix}avatar-small {
  line-height: $b-design-avatar-small-size;
}

.#{$css-prefix}avatar-medium {
  width: $b-design-avatar-medium-size;
  height: $b-design-avatar-medium-size;
  line-height: $b-design-avatar-medium-size;
}

.#{$css-prefix}avatar-large {
  width: $b-design-avatar-large-size;
  height: $b-design-avatar-large-size;
  line-height: $b-design-avatar-large-size;
}

.#{$css-prefix}avatar-xl {
  width: $b-design-avatar-xl-size;
  height: $b-design-avatar-xl-size;
  line-height: $b-design-avatar-xl-size;
}

// 方形样式调整
.#{$css-prefix}avatar-square {
  border-radius: $b-design-avatar-border-radius;
}
