index.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. /* stylelint-disable */
  4. /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
  5. .ant-avatar {
  6. box-sizing: border-box;
  7. margin: 0;
  8. padding: 0;
  9. color: rgba(0, 0, 0, 0.85);
  10. font-size: 14px;
  11. font-variant: tabular-nums;
  12. line-height: 1.5715;
  13. list-style: none;
  14. font-feature-settings: 'tnum';
  15. position: relative;
  16. display: inline-block;
  17. overflow: hidden;
  18. color: #fff;
  19. white-space: nowrap;
  20. text-align: center;
  21. vertical-align: middle;
  22. background: #ccc;
  23. width: 32px;
  24. height: 32px;
  25. line-height: 32px;
  26. border-radius: 50%;
  27. }
  28. .ant-avatar-image {
  29. background: transparent;
  30. }
  31. .ant-avatar .ant-image-img {
  32. display: block;
  33. }
  34. .ant-avatar-string {
  35. position: absolute;
  36. left: 50%;
  37. transform-origin: 0 center;
  38. }
  39. .ant-avatar.ant-avatar-icon {
  40. font-size: 18px;
  41. }
  42. .ant-avatar.ant-avatar-icon > .anticon {
  43. margin: 0;
  44. }
  45. .ant-avatar-lg {
  46. width: 40px;
  47. height: 40px;
  48. line-height: 40px;
  49. border-radius: 50%;
  50. }
  51. .ant-avatar-lg-string {
  52. position: absolute;
  53. left: 50%;
  54. transform-origin: 0 center;
  55. }
  56. .ant-avatar-lg.ant-avatar-icon {
  57. font-size: 24px;
  58. }
  59. .ant-avatar-lg.ant-avatar-icon > .anticon {
  60. margin: 0;
  61. }
  62. .ant-avatar-sm {
  63. width: 24px;
  64. height: 24px;
  65. line-height: 24px;
  66. border-radius: 50%;
  67. }
  68. .ant-avatar-sm-string {
  69. position: absolute;
  70. left: 50%;
  71. transform-origin: 0 center;
  72. }
  73. .ant-avatar-sm.ant-avatar-icon {
  74. font-size: 14px;
  75. }
  76. .ant-avatar-sm.ant-avatar-icon > .anticon {
  77. margin: 0;
  78. }
  79. .ant-avatar-square {
  80. border-radius: 2px;
  81. }
  82. .ant-avatar > img {
  83. display: block;
  84. width: 100%;
  85. height: 100%;
  86. -o-object-fit: cover;
  87. object-fit: cover;
  88. }
  89. .ant-avatar-group {
  90. display: inline-flex;
  91. }
  92. .ant-avatar-group .ant-avatar {
  93. border: 1px solid #fff;
  94. }
  95. .ant-avatar-group .ant-avatar:not(:first-child) {
  96. margin-left: -8px;
  97. }
  98. .ant-avatar-group-popover .ant-avatar + .ant-avatar {
  99. margin-left: 3px;
  100. }
  101. .ant-avatar-group-rtl .ant-avatar:not(:first-child) {
  102. margin-right: -8px;
  103. margin-left: 0;
  104. }
  105. .ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
  106. margin-right: 3px;
  107. margin-left: 0;
  108. }