index.less 1002 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. @import '../index';
  2. @avatar-list-prefix-cls: ~"@{ant-pro-prefix}-avatar-list";
  3. @avatar-list-item-prefix-cls: ~"@{ant-pro-prefix}-avatar-list-item";
  4. .@{avatar-list-prefix-cls} {
  5. display: inline-block;
  6. ul {
  7. display: inline-block;
  8. padding: 0;
  9. margin: 0 0 0 8px;
  10. font-size: 0;
  11. list-style: none;
  12. }
  13. }
  14. .@{avatar-list-item-prefix-cls} {
  15. display: inline-block;
  16. width: @avatar-size-base;
  17. height: @avatar-size-base;
  18. margin-left: -8px;
  19. font-size: @font-size-base;
  20. :global {
  21. .ant-avatar {
  22. cursor: pointer;
  23. border: 1px solid #fff;
  24. }
  25. }
  26. &.large {
  27. width: @avatar-size-lg;
  28. height: @avatar-size-lg;
  29. }
  30. &.small {
  31. width: @avatar-size-sm;
  32. height: @avatar-size-sm;
  33. }
  34. &.mini {
  35. width: 20px;
  36. height: 20px;
  37. :global {
  38. .ant-avatar {
  39. width: 20px;
  40. height: 20px;
  41. line-height: 20px;
  42. .ant-avatar-string {
  43. font-size: 12px;
  44. line-height: 18px;
  45. }
  46. }
  47. }
  48. }
  49. }