@vuesax-alpha/nightly
Version:
A Component Library for Vue 3
1 lines • 1.31 kB
CSS
.vs-avatar__group{display:flex;justify-content:center;align-items:center;padding-left:18px}.vs-avatar__group.float{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding-left:0}.vs-avatar__group.float .vs-avatar-content{position:relative;z-index:2;border:3px solid rgba(var(--vs-background),1);margin:0;background:rgba(var(--vs-color),1)}.vs-avatar__group:not(.float) .vs-avatar-content{margin-left:-18px;position:relative;z-index:2;border:3px solid rgba(var(--vs-gray-1),1);background-color:rgba(var(--vs-gray-1),1)}.vs-avatar__group:not(.float) .vs-avatar-content:hover .vs-avatar{box-shadow:inset 0 0 0 0 rgba(var(--vs-black),.1)}.vs-avatar__group:not(.float) .vs-avatar-content:hover img{transform:scale(1)}.vs-avatar__group:not(.float) .vs-avatar-content:not(.vs-component--is-color) .vs-avatar{background:rgba(var(--vs-divider),1);color:rgba(var(--vs-text),1)}.vs-avatar__group:not(.float) .vs-avatar-content:hover:not(.vs-avatar-content--hasIcons){transform:translate(-10px)}.vs-avatar__group:not(.float) .vs-avatar-content:hover:not(.vs-avatar-content--hasIcons) .vs-avatar{transform:scale(1)}.vs-avatar__group:not(.float) .vs-avatar-content--hasIcons{margin-right:0}.vs-avatar__group:not(.float) .vs-avatar-content--hasIcons:hover{transform:translate(-34px)}