@atlaskit/drawer
Version:
A drawer is a panel that slides in from the left side of the screen.
32 lines • 1.18 kB
CSS
._152tidpf{inset-block-start:0}
._18m915vq{overflow-y:hidden}
._18u0idpf{margin-left:0}
._19pkidpf{margin-top:0}
._1bsb1gwv{width:360px}
._1bsb1mwr{width:95vw}
._1bsb1ogm{width:600px}
._1bsb1osq{width:100%}
._1bsb1y37{width:5in}
._1bsbauwl{width:100vw}
._1c2r1osq{--y:100%}
._1c2rf1ug{--y:0%}
._1c2rpwvu{--y:-100%}
._1e02idpf{inset-inline-start:0}
._1e0c1txw{display:flex}
._1q1l1bhr{--ds-elevation-surface-current:var(--ds-surface-overlay,#fff)}
._1reo15vq{overflow-x:hidden}
._1s8j1osq{--x:100%}
._1s8jf1ug{--x:0%}
._1s8jpwvu{--x:-100%}
._2hwxidpf{margin-right:0}
._4t3i1496{height:100dvh}
._4t3i1osq{height:100%}
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
._ect4ttxp{font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._j7hqcljl{animation-name:k1phiorr}
._j7hqntq4{animation-name:k1bu16so}
._otyridpf{margin-bottom:0}
._p12fauwl{max-width:100vw}
._rjxp1wug{inset-inline-end:auto}
@keyframes k1bu16so{0%{transform:translate(var(--x),var(--y))}to{transform:translateX(0)}}
@keyframes k1phiorr{0%{transform:translateX(0)}to{transform:translate(var(--x),var(--y))}}