daisyui/components/drawer/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":[{".drawer":{"position":"relative","display":"grid","width":"100%","grid-auto-columns":"max-content auto"},".drawer-content":{"grid-column-start":"2","grid-row-start":"1","min-width":"0px"},":where(.drawer-side)":{"overflow-x":"hidden","overflow-y":"hidden"},".drawer-side":{"pointer-events":"none","visibility":"hidden","position":"fixed","inset-inline-start":"calc(0.25rem * 0)","top":"0px","z-index":10,"grid-column-start":"1","grid-row-start":"1","display":"grid","width":"100%","grid-template-columns":"repeat(1, minmax(0, 1fr))","grid-template-rows":"repeat(1, minmax(0, 1fr))","align-items":"flex-start","justify-items":"start","overscroll-behavior":"contain","background-color":"transparent","opacity":"0%","transition":"opacity 0.2s ease-out 0.1s allow-discrete, visibility 0.3s ease-out 0.1s allow-discrete","height":["100vh","100dvh"]},".drawer-side > .drawer-overlay":{"position":"sticky","top":"0px","cursor":"pointer","place-self":"stretch","background-color":"oklch(0% 0 0 / 40%)"},".drawer-side > *":{"grid-column-start":"1","grid-row-start":"1"},".drawer-side > :not(.drawer-overlay)":{"will-change":"transform","transition":"translate 0.3s ease-out, width 0.2s ease-out","translate":"-100%","[dir=\"rtl\"] &":{"translate":"100%"}},".drawer-toggle":{"position":"fixed","height":"0px","width":"0px","appearance":"none","opacity":"0%"},":where(.drawer-toggle:checked ~ .drawer-side)":{"scrollbar-color":"color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * 0.4))","> :not(.drawer-overlay)":{"transform":"none","will-change":"auto"}},":where(:root:has(.drawer-toggle:checked))":{"--page-scroll-lock":" "}},{".drawer-open > .drawer-toggle:checked ~ .drawer-side":{"scrollbar-color":"revert-layer"},":root:has(.drawer-open > .drawer-toggle:checked)":{"--page-scroll-lock":"revert-layer"}}],"@layer daisyui.l1.l2":[{":where(.drawer-toggle:checked ~ .drawer-side)":{"pointer-events":"auto","visibility":"visible","overflow-y":"auto","opacity":"100%","> :not(.drawer-overlay)":{"translate":"0%"}},".drawer-toggle:focus-visible ~ .drawer-content label.drawer-button":{"outline":"2px solid","outline-offset":"2px"},".drawer-end":{"grid-auto-columns":"auto max-content"},".drawer-end > .drawer-toggle ~ .drawer-content":{"grid-column-start":"1"},".drawer-end > .drawer-toggle ~ .drawer-side":{"grid-column-start":"2","justify-items":"end"},".drawer-end > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)":{"translate":"100%","[dir=\"rtl\"] &":{"translate":"-100%"}},".drawer-end > .drawer-toggle:checked ~ .drawer-side > :not(.drawer-overlay)":{"translate":"0%"}},{".drawer-open > .drawer-side":{"overflow-y":"auto"},".drawer-open > .drawer-toggle":{"display":"none","~ .drawer-side":{"pointer-events":"auto","visibility":"visible","position":"sticky","display":"block","width":"auto","overscroll-behavior":"auto","opacity":"100%","> .drawer-overlay":{"cursor":"default","background-color":"transparent"}},"&:checked ~ .drawer-side":{"pointer-events":"auto","visibility":"visible"}}}],"@layer daisyui.l1":{".drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)":{"translate":"0%","[dir=\"rtl\"] &":{"translate":"0%"}}}};