daisyui/components/hovergallery/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":{".hover-gallery":{"--items":"1","grid-template-columns":"repeat(var(--items), 1fr)","width":"100%","gap":"1px","overflow":"hidden"},":is(.hover-gallery), .hover-gallery:is(figure)":{"display":"inline-grid"},".hover-gallery:has( > :nth-child(3))":{"--items":"2"},".hover-gallery:has( > :nth-child(4))":{"--items":"3"},".hover-gallery:has( > :nth-child(5))":{"--items":"4"},".hover-gallery:has( > :nth-child(6))":{"--items":"5"},".hover-gallery:has( > :nth-child(7))":{"--items":"6"},".hover-gallery:has( > :nth-child(8))":{"--items":"7"},".hover-gallery:has( > :nth-child(9))":{"--items":"8"},".hover-gallery:has( > :nth-child(10))":{"--items":"9"},".hover-gallery > *":{"opacity":0,"height":"100%","grid-row":"1","object-fit":"cover","width":"100%","&:nth-child(1)":{"grid-column":"1 / -1","opacity":1},"&:nth-child(2)":{"grid-column":"1"},"&:nth-child(3)":{"grid-column":"2"},"&:nth-child(4)":{"grid-column":"3"},"&:nth-child(5)":{"grid-column":"4"},"&:nth-child(6)":{"grid-column":"5"},"&:nth-child(7)":{"grid-column":"6"},"&:nth-child(8)":{"grid-column":"7"},"&:nth-child(9)":{"grid-column":"8"},"&:nth-child(10)":{"grid-column":"9"},"&:nth-child(n + 11)":{"display":"none"}},".hover-gallery > *:hover":{"grid-column":"1 / -1","opacity":1},".hover-gallery:has(:hover) > :nth-child(1)":{"display":"none"}}};