avatar-group.wxss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .t-float-left {
  2. float: left;
  3. }
  4. .t-float-right {
  5. float: right;
  6. }
  7. @keyframes tdesign-fade-out {
  8. from {
  9. opacity: 1;
  10. }
  11. to {
  12. opacity: 0;
  13. }
  14. }
  15. .hotspot-expanded.relative {
  16. position: relative;
  17. }
  18. .hotspot-expanded::after {
  19. content: '';
  20. display: block;
  21. position: absolute;
  22. left: 0;
  23. top: 0;
  24. right: 0;
  25. bottom: 0;
  26. transform: scale(1.5);
  27. }
  28. .t-avatar-group {
  29. display: inline-flex;
  30. align-items: center;
  31. }
  32. .t-avatar-group-offset-left-small t-avatar:not(:first-child) {
  33. margin-left: var(--td-avatar-group-margin-left-small, -4px);
  34. }
  35. .t-avatar-group-offset-left-medium t-avatar:not(:first-child) {
  36. margin-left: var(--td-avatar-group-margin-left-medium, -6px);
  37. }
  38. .t-avatar-group-offset-left-large t-avatar:not(:first-child) {
  39. margin-left: var(--td-avatar-group-margin-left-large, -8px);
  40. }
  41. .t-avatar-group-offset-right-small t-avatar:not(:last-child) {
  42. margin-right: var(--td-avatar-group-margin-left-small, -4px);
  43. }
  44. .t-avatar-group-offset-right-medium t-avatar:not(:last-child) {
  45. margin-right: var(--td-avatar-group-margin-left-medium, -6px);
  46. }
  47. .t-avatar-group-offset-right-large t-avatar:not(:last-child) {
  48. margin-right: var(--td-avatar-group-margin-left-large, -8px);
  49. }
  50. .t-avatar-group__collapse--slot {
  51. float: left;
  52. }
  53. .t-avatar-group__collapse--slot:not(:empty) + .t-avatar-group__collapse--default {
  54. display: none;
  55. float: left;
  56. }
  57. .t-avatar-group__collapse--slot:empty + .t-avatar-group__collapse--default {
  58. display: block;
  59. float: left;
  60. }