daisyui/components/swap/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2":{".swap":{"position":"relative","display":"inline-grid","cursor":"pointer","place-content":"center","vertical-align":"middle","webkit-user-select":"none","user-select":"none"},".swap input":{"appearance":"none","border":"none"},".swap > *":{"grid-column-start":"1","grid-row-start":"1","@media (prefers-reduced-motion: no-preference)":{"transition-property":"transform, rotate, opacity","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)"}},".swap .swap-on, .swap  .swap-indeterminate, .swap  input:indeterminate ~ .swap-on":{"opacity":"0%"},".swap input:is(:checked, :indeterminate) ~ .swap-off":{"opacity":"0%"},".swap input:checked ~ .swap-on, .swap  input:indeterminate ~ .swap-indeterminate":{"opacity":"100%","backface-visibility":"visible"}},"@layer daisyui.l1":{".swap-active .swap-off":{"opacity":"0%"},".swap-active .swap-on":{"opacity":"100%"},".swap-active.swap-rotate .swap-on":{"rotate":"0deg"},".swap-active.swap-rotate .swap-off":{"rotate":"calc(45deg * -1)"},".swap-active.swap-flip .swap-on":{"transform":"rotateY(0deg)"},".swap-active.swap-flip .swap-off":{"transform":"rotateY(-180deg)","backface-visibility":"hidden","opacity":"100%"},".swap-rotate .swap-on, .swap-rotate  input:indeterminate ~ .swap-on":{"rotate":"45deg"},".swap-rotate input:is(:checked, :indeterminate) ~ .swap-on, .swap-rotate.swap-active .swap-on":{"rotate":"0deg"},".swap-rotate input:is(:checked, :indeterminate) ~ .swap-off, .swap-rotate.swap-active .swap-off":{"rotate":"calc(45deg * -1)"},".swap-flip":{"transform-style":"preserve-3d","perspective":"20rem"},".swap-flip .swap-on, .swap-flip  .swap-indeterminate, .swap-flip  input:indeterminate ~ .swap-on":{"transform":"rotateY(180deg)","backface-visibility":"hidden"},".swap-flip input:is(:checked, :indeterminate) ~ .swap-on, .swap-flip.swap-active .swap-on":{"transform":"rotateY(0deg)"},".swap-flip input:is(:checked, :indeterminate) ~ .swap-off, .swap-flip.swap-active .swap-off":{"transform":"rotateY(-180deg)","backface-visibility":"hidden","opacity":"100%"}}};