@atlaskit/flag
Version:
A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.
25 lines • 1.03 kB
CSS
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
._v5641hdc{transition:gap .3s}
._v564z97a{transition:background-color .2s}
._16jlkb7n{flex-grow:1}
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
._18m915vq{overflow-y:hidden}
._18m91wug{overflow-y:auto}
._1bah1h6o{justify-content:center}
._1bsb1osq{width:100%}
._1e0c1txw{display:flex}
._1i4qfg65{overflow-wrap:anywhere}
._1o9zidpf{flex-shrink:0}
._1oec1mzy{transition-duration:var(--ds-duration-long,.25s)}
._1pbyni7l{z-index:600}
._1reo15vq{overflow-x:hidden}
._1reo1wug{overflow-x:auto}
._1tke1tcg{min-height:24px}
._1ul91tcg{min-width:24px}
._1ul9idpf{min-width:0}
._4cvr1h6o{align-items:center}
._c71l53f4{max-height:75pt}
._k8m01vax{transition-property:gap}
._syaz16r9{color:var(--_11v68d2)}
@media (prefers-reduced-motion:reduce){._156yru3m{transition-duration:0s}}