daisyui/components/toast/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":{".toast":{"position":"fixed","inset-inline-start":"auto","inset-inline-end":"calc(0.25rem * 4)","top":"auto","bottom":"calc(0.25rem * 4)","display":"flex","flex-direction":"column","gap":"calc(0.25rem * 2)","background-color":"transparent","translate":"var(--toast-x, 0) var(--toast-y, 0)","width":"max-content","max-width":"calc(100vw - 2rem)"},"@media (prefers-reduced-motion: no-preference)":{".toast > *":{"animation":"toast 0.25s ease-out"}}},"@layer daisyui.l1.l2":{".toast-start":{"inset-inline-start":"calc(0.25rem * 4)","inset-inline-end":"auto","--toast-x":"0"},".toast-center":{"inset-inline-start":"calc(1/2 * 100%)","inset-inline-end":"calc(1/2 * 100%)","--toast-x":"-50%"},".toast-end":{"inset-inline-start":"auto","inset-inline-end":"calc(0.25rem * 4)","--toast-x":"0"},".toast-bottom":{"top":"auto","bottom":"calc(0.25rem * 4)","--toast-y":"0"},".toast-middle":{"top":"calc(1 / 2 * 100%)","bottom":"auto","--toast-y":"-50%"},".toast-top":{"top":"calc(0.25rem * 4)","bottom":"auto","--toast-y":"0"}},"@keyframes toast":{"0%":{"scale":"0.9","opacity":0},"100%":{"scale":"1","opacity":1}}};