inleft
2022-03-01 88f419df77ade235ea5e5e24be204842a24b7b33
commit | author | age
9bcb19 1 @import "../index";
I 2
3 @avatar-list-prefix-cls: ~"@{ant-pro-prefix}-avatar-list";
4 @avatar-list-item-prefix-cls: ~"@{ant-pro-prefix}-avatar-list-item";
5
6 .@{avatar-list-prefix-cls} {
7   display: inline-block;
8
9   ul {
10     list-style: none;
11     display: inline-block;
12     padding: 0;
13     margin: 0 0 0 8px;
14     font-size: 0;
15   }
16 }
17
18 .@{avatar-list-item-prefix-cls} {
19   display: inline-block;
20   font-size: @font-size-base;
21   margin-left: -8px;
22   width: @avatar-size-base;
23   height: @avatar-size-base;
24
25   :global {
26     .ant-avatar {
27       border: 1px solid #fff;
28       cursor: pointer;
29     }
30   }
31
32   &.large {
33     width: @avatar-size-lg;
34     height: @avatar-size-lg;
35   }
36
37   &.small {
38     width: @avatar-size-sm;
39     height: @avatar-size-sm;
40   }
41
42   &.mini {
43     width: 20px;
44     height: 20px;
45
46     :global {
47       .ant-avatar {
48         width: 20px;
49         height: 20px;
50         line-height: 20px;
51
52         .ant-avatar-string {
53           font-size: 12px;
54           line-height: 18px;
55         }
56       }
57     }
58   }
59 }
60