daisyui/components/modal/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {".modal":{"pointer-events":"none","visibility":"hidden","position":"fixed","inset":"calc(0.25rem * 0)","margin":"calc(0.25rem * 0)","display":"grid","height":"100%","max-height":"none","width":"100%","max-width":"none","align-items":"center","justify-items":"center","background-color":"transparent","padding":"calc(0.25rem * 0)","color":"inherit","overflow-x":"hidden","transition":"translate 0.3s ease-out, visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out","overflow-y":"hidden","overscroll-behavior":"contain","z-index":999,"&::backdrop":{"display":"none"},"&.modal-open, &[open], &:target":{"pointer-events":"auto","visibility":"visible","opacity":"100%","background-color":"oklch(0% 0 0/ 0.4)",".modal-box":{"translate":"0 0","scale":"1","opacity":1}},"@starting-style":{"&.modal-open, &[open], &:target":{"visibility":"hidden","opacity":"0%"}}},".modal-action":{"margin-top":"calc(0.25rem * 6)","display":"flex","justify-content":"flex-end","gap":"calc(0.25rem * 2)"},".modal-toggle":{"position":"fixed","height":"calc(0.25rem * 0)","width":"calc(0.25rem * 0)","appearance":"none","opacity":"0%","&:checked + .modal":{"pointer-events":"auto","visibility":"visible","opacity":"100%","background-color":"oklch(0% 0 0/ 0.4)",".modal-box":{"translate":"0 0","scale":"1","opacity":1}},"@starting-style":{"&:checked + .modal":{"visibility":"hidden","opacity":"0%"}}},".modal-backdrop":{"grid-column-start":"1","grid-row-start":"1","display":"grid","align-self":"stretch","justify-self":"stretch","color":"transparent","z-index":-1,"button":{"cursor":"pointer"}},".modal-box":{"grid-column-start":"1","grid-row-start":"1","max-height":"100vh","width":"calc(11/12 * 100%)","max-width":"32rem","background-color":"var(--color-base-100)","padding":"calc(0.25rem * 6)","transition":"translate 0.3s ease-out, scale 0.3s ease-out, opacity 0.2s ease-out 0.05s, box-shadow 0.3s ease-out","border-top-left-radius":"var(--modal-tl, var(--radius-box))","border-top-right-radius":"var(--modal-tr, var(--radius-box))","border-bottom-left-radius":"var(--modal-bl, var(--radius-box))","border-bottom-right-radius":"var(--modal-br, var(--radius-box))","scale":"95%","opacity":0,"box-shadow":"oklch(0% 0 0/ 0.25) 0px 25px 50px -12px","overflow-y":"auto","overscroll-behavior":"contain"},".modal-top":{"place-items":"start",":where(.modal-box)":{"height":"auto","width":"100%","max-width":"none","max-height":"calc(100vh - 5em)","translate":"0 -100%","scale":"1","--modal-tl":"0","--modal-tr":"0","--modal-bl":"var(--radius-box)","--modal-br":"var(--radius-box)"}},".modal-middle":{"place-items":"center",":where(.modal-box)":{"height":"auto","width":"calc(11/12 * 100%)","max-width":"32rem","max-height":"calc(100vh - 5em)","translate":"0 2%","scale":"98%","--modal-tl":"var(--radius-box)","--modal-tr":"var(--radius-box)","--modal-bl":"var(--radius-box)","--modal-br":"var(--radius-box)"}},".modal-bottom":{"place-items":"end",":where(.modal-box)":{"height":"auto","width":"100%","max-width":"none","max-height":"calc(100vh - 5em)","translate":"0 100%","scale":"1","--modal-tl":"var(--radius-box)","--modal-tr":"var(--radius-box)","--modal-bl":"0","--modal-br":"0"}},".modal-start":{"place-items":"start",":where(.modal-box)":{"height":"100vh","max-height":"none","width":"auto","max-width":"none","translate":"-100% 0","scale":"1","--modal-tl":"0","--modal-tr":"var(--radius-box)","--modal-bl":"0","--modal-br":"var(--radius-box)"}},".modal-end":{"place-items":"end",":where(.modal-box)":{"height":"100vh","max-height":"none","width":"auto","max-width":"none","translate":"100% 0","scale":"1","--modal-tl":"var(--radius-box)","--modal-tr":"0","--modal-bl":"var(--radius-box)","--modal-br":"0"}}};