avatar-group.wxss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  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. page {
  29. --td-avatar-group-border-color: #fff;
  30. }
  31. .border--small {
  32. border: 4rpx solid var(--td-avatar-group-border-color, #fff);
  33. }
  34. .border--medium {
  35. border: 6rpx solid var(--td-avatar-group-border-color, #fff);
  36. }
  37. .border--large {
  38. border: 8rpx solid var(--td-avatar-group-border-color, #fff);
  39. }
  40. .t-avatar-group {
  41. display: inline-flex;
  42. align-items: center;
  43. }
  44. .t-avatar-group-offset-left-small t-avatar:not(:first-child) {
  45. margin-left: -4px;
  46. }
  47. .t-avatar-group-offset-left-medium t-avatar:not(:first-child) {
  48. margin-left: -6px;
  49. }
  50. .t-avatar-group-offset-left-large t-avatar:not(:first-child) {
  51. margin-left: -8px;
  52. }
  53. .t-avatar-group-offset-right-small t-avatar:not(:last-child) {
  54. margin-right: -4px;
  55. }
  56. .t-avatar-group-offset-right-medium t-avatar:not(:last-child) {
  57. margin-right: -6px;
  58. }
  59. .t-avatar-group-offset-right-large t-avatar:not(:last-child) {
  60. margin-right: -8px;
  61. }
  62. .t-avatar-group__collapse--slot {
  63. float: left;
  64. }
  65. .t-avatar-group__collapse--slot:not(:empty) + .t-avatar-group__collapse--default {
  66. display: none;
  67. float: left;
  68. }
  69. .t-avatar-group__collapse--slot:empty + .t-avatar-group__collapse--default {
  70. display: block;
  71. float: left;
  72. }
  73. .t-avatar-group .t-is-hidden {
  74. display: none;
  75. }