@atlaskit/profilecard
Version:
A React component to display a card with user information.
78 lines • 3.6 kB
CSS
._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
._zulp12x7{gap:var(--ds-space-075,6px)}
._zulpu2gc{gap:var(--ds-space-100,8px)}
._12vemgnk{background-repeat:no-repeat}
._154i1ejb{top:var(--ds-space-300,24px)}
._154ixy5q{top:var(--ds-space-400,2pc)}
._154ize3t{top:var(--ds-space-0,0)}
._16jlkb7n{flex-grow:1}
._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
._18m915vq{overflow-y:hidden}
._18u01epz{margin-left:var(--ds-space-1000,5pc)}
._18u0u2gc{margin-left:var(--ds-space-100,8px)}
._18u0utpp{margin-left:var(--ds-space-150,9pt)}
._18u0ze3t{margin-left:var(--ds-space-0,0)}
._19bv12x7{padding-left:var(--ds-space-075,6px)}
._19bv1ejb{padding-left:var(--ds-space-300,24px)}
._19bvxy5q{padding-left:var(--ds-space-400,2pc)}
._19pk1b66{margin-top:var(--ds-space-050,4px)}
._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
._19pkutpp{margin-top:var(--ds-space-150,9pt)}
._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
._19pkze3t{margin-top:var(--ds-space-0,0)}
._1bah1h6o{justify-content:center}
._1bah1y6m{justify-content:flex-start}
._1bahesu3{justify-content:flex-end}
._1bsb18pt{width:228px}
._1bsb1gwv{width:360px}
._1bsb1ns9{width:-moz-fit-content;width:fit-content}
._1bsb1w81{width:150px}
._1bsb7vkz{width:1pc}
._1bsbzwfg{width:2pc}
._1bto1l2s{text-overflow:ellipsis}
._1e0c1o8l{display:inline-block}
._1e0c1txw{display:flex}
._1e0c1ule{display:block}
._1e0cglyw{display:none}
._1itk1419{background-image:linear-gradient(to bottom,var(--ds-background-brand-bold,#0c66e4) 0,var(--ds-background-brand-bold,#0c66e4) 100%)}
._1itkkf3t{background-image:linear-gradient(to bottom,var(--ds-background-disabled,#091e4208) 0,var(--ds-background-disabled,#091e4208) 100%)}
._1itkq1hn{background-image:radial-gradient(circle,var(--ds-background-information-pressed,#85b8ff) 0,var(--ds-background-discovery-pressed,#b8acf6) 25%,transparent 50%)}
._1lrw14bs{background-size:100% 6pc}
._1ltv1ejb{left:var(--ds-space-300,24px)}
._1ltvze3t{left:var(--ds-space-0,0)}
._1n261g80{flex-wrap:wrap}
._1o9zidpf{flex-shrink:0}
._1pby1mrw{z-index:-1}
._1reo15vq{overflow-x:hidden}
._1tkebv7e{min-height:136px}
._1xi2ze3t{right:var(--ds-space-0,0)}
._2hwxze3t{margin-right:var(--ds-space-0,0)}
._2lx21bp4{flex-direction:column}
._2lx2vrvc{flex-direction:row}
._4cvr1h6o{align-items:center}
._4t3i16xz{height:6pc}
._4t3i1w81{height:150px}
._4t3i7vkz{height:1pc}
._4t3izwfg{height:2pc}
._5sagi11n{animation-duration:3s}
._94n5ze3t{bottom:var(--ds-space-0,0)}
._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
._i0dl1wug{flex-basis:auto}
._j7hq1q51{animation-name:k1ojqp0a}
._kqswh2mm{position:relative}
._kqswstnw{position:absolute}
._mkrz1rip{clip-path:inset(0 0 0 0 round 3px)}
._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
._o5721q9c{white-space:nowrap}
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
._s7n4jp4b{vertical-align:top}
._syaz131l{color:var(--ds-text-subtlest,#626f86)}
._syaz1fxt{color:var(--ds-text,#172b4d)}
._tip8kb7n{animation-iteration-count:1}
._u5f312x7{padding-right:var(--ds-space-075,6px)}
._u5f31ejb{padding-right:var(--ds-space-300,24px)}
._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
._y3gnusic{text-align:right}
@keyframes k1ojqp0a{0%{transform:translate(-5pc,-50px)}to{transform:translate(90px,-70px)}}