@atlaskit/profilecard
Version:
A React component to display a card with user information.
31 lines • 1.28 kB
CSS
._11c8i4vh{font:var(--ds-font-heading-xxsmall,normal 653 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
._v564nm7n{transition:box-shadow .25s ease-in-out}
._18m915vq{overflow-y:hidden}
._18m91wug{overflow-y:auto}
._18u01ejb{margin-left:var(--ds-space-300,24px)}
._18u01wug{margin-left:auto}
._18u0pxbi{margin-left:var(--ds-space-200,1pc)}
._18u0u2gc{margin-left:var(--ds-space-100,8px)}
._19pk1b66{margin-top:var(--ds-space-050,4px)}
._19pku2gc{margin-top:var(--ds-space-100,8px)}
._1bsb1gwv{width:360px}
._1bsb1osq{width:100%}
._1bsb7vkz{width:1pc}
._1e0c1txw{display:flex}
._1reo15vq{overflow-x:hidden}
._1ul95x59{min-width:340px}
._2hwx1ejb{margin-right:var(--ds-space-300,24px)}
._2hwxpxbi{margin-right:var(--ds-space-200,1pc)}
._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
._2lx21bp4{flex-direction:column}
._4t3i12am{height:50px}
._4t3i1wug{height:auto}
._4t3i7vkz{height:1pc}
._5ral1dfr{object-fit:cover}
._c71lx2si{max-height:265px}
._kqswstnw{position:absolute}
._otyr12x7{margin-bottom:var(--ds-space-075,6px)}
._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
._s7n4jp4b{vertical-align:top}
._syazazsu{color:var(--ds-text-subtle,#505258)}