index.less 669 B

123456789101112131415161718192021222324252627282930313233
  1. @import (reference) '../variable.less';
  2. @import (reference) '../../Avatar/variable.less';
  3. .@{skeletonPrefix}-avatar {
  4. &-animate {
  5. .skeleton-animation();
  6. }
  7. width: @avatar-size;
  8. height: @avatar-size;
  9. border-radius: @default-radius;
  10. background: @skeleton-fill;
  11. display: inline-block;
  12. &-circle {
  13. border-radius: 50%;
  14. }
  15. &-x-small {
  16. width: @avatar-size-x-small;
  17. height: @avatar-size-x-small;
  18. }
  19. &-small {
  20. width: @avatar-size-small;
  21. height: @avatar-size-small;
  22. }
  23. &-medium {
  24. width: @avatar-size-medium;
  25. height: @avatar-size-medium;
  26. }
  27. &-large {
  28. width: @avatar-size-large;
  29. height: @avatar-size-large;
  30. }
  31. }