index.less 682 B

123456789101112131415161718192021222324252627282930313233
  1. @import (reference) './variable.less';
  2. @avatarPrefix: ant-avatar;
  3. .@{avatarPrefix} {
  4. display: inline-flex;
  5. align-items: center;
  6. &-image {
  7. width: @avatar-size-medium;
  8. height: @avatar-size-medium;
  9. border-radius: @avatar-img-radius;
  10. // 头像大小设置
  11. &-x-small {
  12. width: @avatar-size-x-small;
  13. height: @avatar-size-x-small;
  14. }
  15. &-small {
  16. width: @avatar-size-small;
  17. height: @avatar-size-small;
  18. }
  19. &-medium {
  20. width: @avatar-size-medium;
  21. height: @avatar-size-medium;
  22. }
  23. &-large {
  24. width: @avatar-size-large;
  25. height: @avatar-size-large;
  26. }
  27. }
  28. &-circle {
  29. border-radius: 100vh;
  30. }
  31. }