flyonui/components/stat/object.js

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

export default {".stats":{"display":"inline-grid","grid-auto-flow":"column",":where(& > :not(:last-child))":{"--tw-divide-x-reverse":"0","border-inline-style":"var(--tw-border-style)","border-inline-start-width":"calc(1px * var(--tw-divide-x-reverse))","border-inline-end-width":"calc(1px * calc(1 - var(--tw-divide-x-reverse)))","--tw-divide-y-reverse":"0","border-bottom-style":"var(--tw-border-style)","border-top-style":"var(--tw-border-style)","border-top-width":"calc(0px * var(--tw-divide-y-reverse))","border-bottom-width":"calc(0px * calc(1 - var(--tw-divide-y-reverse)))"},"overflow-x":"auto","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)","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)","&:where(.stats-border)":{"border":"var(--border) solid color-mix(in oklab, var(--color-base-content) 20%, transparent)"}},".stat":{"display":"inline-grid","width":"100%","column-gap":"calc(0.25rem * 4)","row-gap":"calc(0.25rem * 1)","padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 4)","grid-template-columns":"repeat(1, 1fr)","border-color":"inherit"},".stat-figure":{"grid-column-start":"2","grid-row":"span 3 / span 3","grid-row-start":"1","place-self":"center","justify-self":"flex-end"},".stat-title":{"grid-column-start":"1","white-space":"nowrap","color":"color-mix(in oklab, var(--color-base-content) 80%, transparent)"},".stat-value":{"grid-column-start":"1","font-size":"var(--text-3xl)","line-height":"var(--tw-leading, var(--text-3xl--line-height))","--tw-font-weight":"var(--font-weight-semibold)","font-weight":"var(--font-weight-semibold)","white-space":"nowrap","color":"var(--color-base-content)"},".stat-desc":{"grid-column-start":"1","font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))","white-space":"nowrap","color":"color-mix(in oklab, var(--color-base-content) 50%, transparent)"},".stat-actions":{"grid-column-start":"1","margin-top":"calc(0.25rem * 3)","white-space":"nowrap"},".stats-horizontal":{"grid-auto-flow":"column",":where(& > :not(:last-child))":{"--tw-divide-x-reverse":"0","border-inline-style":"var(--tw-border-style)","border-inline-start-width":"calc(1px * var(--tw-divide-x-reverse))","border-inline-end-width":"calc(1px * calc(1 - var(--tw-divide-x-reverse)))","--tw-divide-y-reverse":"0","border-bottom-style":"var(--tw-border-style)","border-top-style":"var(--tw-border-style)","border-top-width":"calc(0px * var(--tw-divide-y-reverse))","border-bottom-width":"calc(0px * calc(1 - var(--tw-divide-y-reverse)))"},"overflow-x":"auto"},".stats-vertical":{"grid-auto-flow":"row",":where(& > :not(:last-child))":{"--tw-divide-x-reverse":"0","border-inline-style":"var(--tw-border-style)","border-inline-start-width":"calc(0px * var(--tw-divide-x-reverse))","border-inline-end-width":"calc(0px * calc(1 - var(--tw-divide-x-reverse)))","--tw-divide-y-reverse":"0","border-bottom-style":"var(--tw-border-style)","border-top-style":"var(--tw-border-style)","border-top-width":"calc(1px * var(--tw-divide-y-reverse))","border-bottom-width":"calc(1px * calc(1 - var(--tw-divide-y-reverse)))"},"overflow-y":"auto"}};