@atlaskit/avatar-group
Version:
An avatar group displays a number of avatars grouped together in a stack or grid.
71 lines • 4.21 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)}
._v564ieh6{transition:transform .2s,opacity .2s}
._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)}
._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
._syazi7uo{color:var(--ds-text,#292a2e)}
._t9ec1aqe{transform:translateZ(0)}
._t9ec1np6{transform:scale(.9)}
._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)}
._1di61gdz:active{background-color:var(--ds-background-neutral-pressed,#080f214a)}
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
._1q8w1np6:active{transform:scale(.9)}
._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}}