@atlaskit/flag
Version:
A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.
21 lines • 972 B
CSS
._v5641b8g{transition:transform .35s ease-in-out}
._v564glyw{transition:none}
._v564t8bh{transition:var(--ds-flag-reposition,transform .25s cubic-bezier(.4,0,0,1))}._12a7luct._12a7luct+*{transition-duration:175ms}
._1bsb1kdj{width:25pc}
._1e021epz{inset-inline-start:var(--ds-space-1000,5pc)}
._1e02oahv{inset-inline-start:var(--ds-space-600,3pc)}
._1pby1wug{z-index:auto}
._1pbyegat{z-index:4}
._1pbyqfx8{z-index:5}
._1pbyxejw{z-index:flag}
._3um015vq{visibility:hidden}
._5sag5cps{animation-duration:0ms}
._kqsw1n9t{position:fixed}
._kqswstnw{position:absolute}
._t9ec15wd{transform:translateY(200%) translateY(2pc)}
._t9ec1hw2{transform:translateX(0) translateY(100%) translateY(1pc)}
._t9ec1pi4{transform:translateY(100%) translateY(1pc)}
._t9ec1ygq{transform:translate(0,0)}
._u7coidpf{inset-block-end:0}
._u7cooahv{inset-block-end:var(--ds-space-600,3pc)}
@media (max-width:560px){._1eqkauwl{width:100vw}._1iafidpf{inset-block-end:0}._il0widpf{inset-inline-start:0}}