@atlaskit/profilecard
Version:
A React component to display a card with user information.
40 lines • 1.76 kB
CSS
._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
._v564nm7n{transition:box-shadow .25s ease-in-out}
._189ee4h9{border-width:var(--ds-border-width,1px)}
._1dqonqa1{border-style:solid}
._1h6dmuej{border-color:var(--ds-border,#091e4224)}
._15a5nqa1{border-top-style:solid}
._18m915vq{overflow-y:hidden}
._18m91wug{overflow-y:auto}
._18u01ejb{margin-left:var(--ds-space-300,24px)}
._18u0pxbi{margin-left:var(--ds-space-200,1pc)}
._18u0u2gc{margin-left:var(--ds-space-100,8px)}
._19bv1ejb{padding-left:var(--ds-space-300,24px)}
._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
._19pku2gc{margin-top:var(--ds-space-100,8px)}
._1bsb1gwv{width:360px}
._1bsb1osq{width:100%}
._1e0c1txw{display:flex}
._1i53muej{border-top-color:var(--ds-border,#091e4224)}
._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}
._4cvr1h6o{align-items:center}
._4t3i1ul9{height:30px}
._4t3i1wug{height:auto}
._4t3i53f4{height:75pt}
._5ral1dfr{object-fit:cover}
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
._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}
._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
._u5f31ejb{padding-right:var(--ds-space-300,24px)}
._uwhke4h9{border-top-width:var(--ds-border-width,1px)}