@atlaskit/avatar-group
Version:
An avatar group displays a number of avatars grouped together in a stack or grid.
69 lines • 3.57 kB
CSS
._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._14mj1qi0:after{border-radius:var(--ds-radius-medium,6px)}
._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
._14mjlb4i:after{border-radius:var(--ds-radius-xsmall,2px)}
._14mjpb1k:after{border-radius:var(--ds-radius-xlarge,9pt)}
._19itglyw{border:none}
._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
._2rko1qll{border-radius:var(--ds-radius-full,50%)}
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
._2rkopb1k{border-radius:var(--ds-radius-xlarge,9pt)}
._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
._12ji1r31{outline-color:currentColor}
._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
._12y31o36{outline-width:medium}
._16qs1nhn{box-shadow:var(--avatar-box-shadow)}
._16qsdfwd{box-shadow:0 0 0 var(--ds-border-width-selected,2px) var(--ds-border-selected,#1868db)}
._18m915vq{overflow-y:hidden}
._1bah1h6o{justify-content:center}
._1bsb16xz{width:6pc}
._1bsb1qr7{width:8pc}
._1bsb1tcg{width:24px}
._1bsb1ylp{width:40px}
._1bsb7vkz{width:1pc}
._1bsbzwfg{width:2pc}
._1e0c1txw{display:flex}
._1hfkvuon:after{background-color:var(--ds-surface,#fff)}
._1peq2wxo:after{opacity:var(--ds-opacity-disabled,.4)}
._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
._1qu2glyw{outline-style:none}
._1reo15vq{overflow-x:hidden}
._2lx21bp4{flex-direction:column}
._4cvr1fhb{align-items:stretch}
._4t3i16xz{height:6pc}
._4t3i1qr7{height:8pc}
._4t3i1tcg{height:24px}
._4t3i1ylp{height:40px}
._4t3i7vkz{height:1pc}
._4t3izwfg{height:2pc}
._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
._80om13gf{cursor:not-allowed}
._80omtlke{cursor:pointer}
._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
._syazi7uo{color:var(--ds-text,#292a2e)}
._t9ec1aqe{transform:translateZ(0)}
._vchh1ntv{box-sizing:content-box}
._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
._128myh40:focus-visible{outline-width:2px}
._1ah3yh40:focus-visible{outline-offset:2px}
._1ejjglyw:focus-visible{box-shadow:none}
._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
._ra3xnqa1:focus-visible{outline-style:solid}
._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}
._30l3i7uo:hover{color:var(--ds-text,#292a2e)}
._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
._1di61gdz:active{background-color:var(--ds-background-neutral-pressed,#080f214a)}
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
._9h8h6x5g:active{color:var(--ds-text-selected,#1868db)}
._9h8hi7uo:active{color:var(--ds-text,#292a2e)}
@media screen and (forced-colors:active){._jlxit94y:focus-visible{outline-width:1px}}