flyonui/components/card/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".card":{"position":"relative","display":"flex","flex-direction":"column","border-radius":"var(--radius-box)","--tw-border-style":"solid","border-style":"solid","border-color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)","background-color":"var(--color-base-100)","font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","--tw-font-weight":"var(--font-weight-normal)","font-weight":"var(--font-weight-normal)","color":"color-mix(in oklab, var(--color-base-content) 80%, transparent)","--tw-outline-style":"none","outline-style":"none","box-shadow":"var( --card-shadow, 0 1px 3px 0 color-mix(in oklab, var(--color-base-300) 20%, #0000), 0 1px 2px -1px color-mix(in oklab, var(--color-base-300) 20%, #0000) )","border-width":"var(--card-border, 0px)","&:focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},":where(figure:first-child)":{"overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"unset"},":where(figure:last-child)":{"overflow":"hidden","border-start-start-radius":"unset","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"inherit"},"&:where(.card-border)":{"border":"var(--border) solid color-mix(in oklab, var(--color-base-content) 20%, transparent)"},"&.image-full":{"display":"grid","&:before":{"position":"relative","grid-column-start":"1","grid-row-start":"1","border-radius":"var(--radius-box)","background-color":"var(--color-neutral)","opacity":"75%","content":"\"\""},"> *":{"grid-column-start":"1","grid-row-start":"1"},"> .card-body":{"position":"relative","color":"var(--color-neutral-content)"},":where(figure)":{"overflow":"hidden","border-radius":"inherit"},"> figure img":{"height":"100%","object-fit":"cover"}},"figure":{"display":"flex","align-items":"center","justify-content":"center"},"&:has(> input:is(input[type=\"checkbox\"], input[type=\"radio\"]))":{"cursor":"pointer","user-select":"none"},"&:has(> :checked)":{"outline":"2px solid currentColor"}},".card-title":{"font-size":"var(--text-2xl)","line-height":"var(--tw-leading, var(--text-2xl--line-height))","--tw-font-weight":"var(--font-weight-semibold)","font-weight":"var(--font-weight-semibold)","color":"var(--color-base-content)"},".card-header":{"border-top-left-radius":"var(--radius-box)","border-top-right-radius":"var(--radius-box)","padding":"var(--card-p, 1.5rem)"},".card-body":{"display":"flex","flex":"auto","flex-direction":"column","gap":"calc(0.25rem * 2)","padding":"var(--card-p, 1.5rem)",":where(p)":{"flex-grow":1}},".card-actions":{"display":"flex","flex-wrap":"wrap","align-items":"flex-start","gap":"calc(0.25rem * 3)"},".card-footer":{"border-bottom-right-radius":"var(--radius-box)","border-bottom-left-radius":"var(--radius-box)","padding":"var(--card-p, 1.5rem)"},":where(.card-header) + .card-body":{"padding-top":"0"},":where(.card-body) + .card-footer":{"padding-top":"0"},".card-xs":{"--card-p":"0.5rem","font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))",".card-title":{"font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))"}},".card-sm":{"--card-p":"1rem","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))",".card-title":{"font-size":"var(--text-lg)","line-height":"var(--tw-leading, var(--text-lg--line-height))"}},".card-md":{"font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","--card-p":"1.5rem",".card-title":{"font-size":"var(--text-2xl)","line-height":"var(--tw-leading, var(--text-2xl--line-height))"}},".card-lg":{"--card-p":"2rem","font-size":"var(--text-lg)","line-height":"var(--tw-leading, var(--text-lg--line-height))",".card-title":{"font-size":"var(--text-2xl)","line-height":"var(--tw-leading, var(--text-2xl--line-height))"}},".card-xl":{"--card-p":"2.5rem","font-size":"var(--text-lg)","line-height":"var(--tw-leading, var(--text-lg--line-height))",".card-title":{"font-size":"var(--text-3xl)","line-height":"var(--tw-leading, var(--text-3xl--line-height))"}},".card .card-alert":{"border-radius":"0","&:first-child":{"border-top-left-radius":"var(--radius-box)","border-top-right-radius":"var(--radius-box)"},"&:last-child":{"border-bottom-right-radius":"var(--radius-box)","border-bottom-left-radius":"var(--radius-box)"}},".card-side":{"align-items":"stretch","flex-direction":"row",":where(figure:first-child)":{"overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"unset"},":where(figure:last-child)":{"overflow":"hidden","border-start-start-radius":"unset","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"inherit"},"figure > *":{"max-width":"unset"},":where(figure > *)":{"width":"100%","height":"100%","object-fit":"cover"}},".card-group":{"overflow":"hidden","border-radius":"var(--radius-box)","box-shadow":"var( --card-shadow, 0 1px 3px 0 color-mix(in oklab, var(--color-base-300) 20%, #0000), 0 1px 2px -1px color-mix(in oklab, var(--color-base-300) 20%, #0000) )","border-color":"color-mix(in oklab, var(--color-base-content) 30%, transparent)","border-width":"var(--card-border, 0px)","& > .card":{"flex":"1 0 0%","border-radius":"0","--card-shadow":"none","--card-border":"0"}}};