UNPKG

@atlaskit/avatar

Version:

An avatar is a visual representation of a user or entity.

71 lines (70 loc) 2.95 kB
._14mj1crf:after{border-radius:9pt} ._14mj1l7b:after{border-radius:3px} ._14mj1q5u:after{border-radius:var(--ds-border-radius-circle,50%)} ._14mji2wt:after{border-radius:6px} ._14mjyh40:after{border-radius:2px} ._19itglyw{border:none} ._2rko1crf{border-radius:9pt} ._2rko1l7b{border-radius:3px} ._2rko1q5u{border-radius:var(--ds-border-radius-circle,50%)} ._2rkoi2wt{border-radius:6px} ._2rkoyh40{border-radius:2px} ._9v7aze3t:after{inset:var(--ds-space-0,0)} ._qc5o1p41:after{transition:opacity .2s} ._v564ieh6{transition:transform .2s,opacity .2s}._11fnglyw:after{pointer-events:none} ._12ji1r31{outline-color:currentColor} ._12l2v77o{margin-inline-end:var(--ds-space-025,2px)} ._12y31o36{outline-width:medium} ._16qs1nhn{box-shadow:var(--avatar-box-shadow)} ._18m915vq{overflow-y:hidden} ._18postnw:after{position:absolute} ._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} ._1hfk1j28:after{background-color:transparent} ._1hfkvuon:after{background-color:var(--ds-surface,#fff)} ._1peqidpf:after{opacity:0} ._1peqs237:after{opacity:var(--ds-opacity-disabled,.7)} ._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} ._4tpu1g4v:hover:after{background-color:var(--ds-interaction-hovered,rgba(9,30,66,.36))} ._6rthv77o{margin-block-end:var(--ds-space-025,2px)} ._80om13gf{cursor:not-allowed} ._80om1kw7{cursor:inherit} ._80omtlke{cursor:pointer} ._85i5ze3t{padding-block-end:var(--ds-space-0,0)} ._aetrf705:after{content:" "} ._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)} ._bfhkcxp3{background-color:var(--avatar-bg-color)} ._bozgze3t{padding-inline-start:var(--ds-space-0,0)} ._eeh8kb7n:active:after{opacity:1} ._ez1ykb7n:hover:after{opacity:1} ._gcm1182g:active:after{background-color:var(--ds-interaction-pressed,rgba(9,30,66,.36))} ._kqswh2mm{position:relative} ._kqswpfqs{position:static} ._t9ec1aqe{transform:translateZ(0)} ._vchh1ntv{box-sizing:content-box} ._y4tize3t{padding-inline-end:var(--ds-space-0,0)} ._z0ai1osq:after{width:100%} ._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)} ._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)} ._1ejjglyw:focus-visible{box-shadow:none} ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)} ._ra3xnqa1:focus-visible{outline-style:solid} @media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._4dave4h9:focus-visible{outline-width:var(--ds-border-width,1px)}} @media screen and (forced-colors:active){._jlxit94y:focus-visible{outline-width:1px}}