flyonui/components/table/object.js

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

export default {".table":{"position":"relative","width":"100%","overflow-x":"hidden","overflow-y":"auto","border-radius":"var(--radius-box)","text-align":"left","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","&:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)":{"text-align":"right"},"tr.row-hover":{"&, &:nth-child(even)":{"&:hover":{"@media (hover: hover)":{"background-color":"color-mix(in oklab, var(--color-base-200) 80%, transparent)"}}}},"tr.row-active":{"&, &:nth-child(even)":{"background-color":"var(--color-base-200)"}},":where(th, td)":{"padding-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 3)","vertical-align":"middle","text-wrap":"nowrap"},":where(thead, tfoot)":{"font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","white-space":"nowrap","color":"var(--color-base-content)","text-transform":"uppercase","letter-spacing":"1px"},":where(th)":{"--tw-font-weight":"var(--font-weight-medium)","font-weight":"var(--font-weight-medium)"},":where(.table-pin-rows thead tr)":{"position":"sticky","top":"calc(0.25rem * 0)","z-index":1,"background-color":"var(--color-base-100)"},":where(.table-pin-rows tfoot tr)":{"position":"sticky","bottom":"calc(0.25rem * 0)","z-index":1,"background-color":"var(--color-base-100)"},":where(.table-pin-cols tr th)":{"position":"sticky","right":"calc(0.25rem * 0)","left":"calc(0.25rem * 0)","background-color":"var(--color-base-100)"},":where(thead tr)":{"border-bottom":"var(--border) solid color-mix(in oklch, var(--color-base-content) 25%, #0000)"},":where(tbody tr:not(:last-child))":{"border-bottom":"var(--border) solid color-mix(in oklch, var(--color-base-content) 10%, #0000)"},":where(tfoot)":{"border-top":"var(--border) solid color-mix(in oklch, var(--color-base-content) 25%, #0000)"}},".table-striped":{"tbody":{"tr":{"&:nth-child(even)":{"background-color":"var(--color-base-200)",":where(.table-pin-cols tr th)":{"background-color":"var(--color-base-200)"}},"&.row-hover":{"&, &:nth-child(even)":{"&:hover":{"@media (hover: hover)":{"background-color":"color-mix(in oklab, var(--color-base-200) 80%, transparent)"}}}},"&.row-active":{"&, &:nth-child(even)":{"&:hover":{"@media (hover: hover)":{"background-color":"var(--color-base-200)"}}}}}}},".table-striped-columns":{"td:nth-child(even), th:nth-child(even)":{"background-color":"var(--color-base-200)"}},".table-borderless":{"--tw-border-style":"none","border-style":"none",":where(thead, tbody)":{":where(tr:not(:last-child)), :where(tr:first-child:last-child)":{"--tw-border-style":"none","border-style":"none"}}},".table-xs":{":where(thead, tfoot)":{"font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))"},":not(thead, tfoot) tr":{"font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))"},":where(th, td)":{"padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)"}},".table-sm":{":where(thead, tfoot)":{"font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))"},":not(thead, tfoot) tr":{"font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))"},":where(th, td)":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}},".table-md":{":where(thead, tfoot)":{"font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))"},":not(thead, tfoot) tr":{"font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))"},":where(th, td)":{"padding-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 3)"}},".table-lg":{":where(thead, tfoot)":{"font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))"},":not(thead, tfoot) tr":{"font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))"},":where(th, td)":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 4)"}},".table-xl":{":where(thead, tfoot)":{"font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))"},":not(thead, tfoot) tr":{"font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))"},":where(th, td)":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 5)"}}};