20 lines
392 B
SCSS
20 lines
392 B
SCSS
/**
|
|
* Avatar Group Item 共享样式
|
|
* 用于 wd-avatar 和 wd-avatar-group 组件中的重叠效果
|
|
*/
|
|
.wd-avatar-group__item {
|
|
position: relative;
|
|
flex-shrink: 0;
|
|
box-sizing: border-box;
|
|
|
|
// 第一个元素不需要负 margin
|
|
&:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
// 其他元素使用负 margin 实现重叠效果
|
|
& + & {
|
|
margin-left: $-avatar-group-overlap;
|
|
}
|
|
}
|