daisyui/components/filter.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.6.3 - MIT License */ @layer utilities{.filter{@layer daisyui.l1.l2.l3{flex-wrap:wrap;display:flex;& [type=radio]{width:auto}& input{opacity:1;transition:visibility .1s allow-discrete, margin .1s, opacity .3s, padding .3s, border-width .1s;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{--tw-content:"×";content:var(--tw-content)}}}}@layer daisyui.l1{&:not(:has(:checked:not(.filter-reset))) :is(.filter-reset,[type=reset]){visibility:hidden}&:not(:has(:checked:not(.filter-reset))) :is(.filter-reset,[type=reset]),&:not(:has(:focus-visible)):has(:checked:not(.filter-reset):not([type=checkbox])) :not(:checked,.filter-reset,[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}