welcome-ui/dist/Table.css

Customizable design system with react, typescript, tailwindcss and ariakit.

@layer components{._root_8bmny_2{width:100%;overflow:hidden}._content_8bmny_6{width:100%;overflow-x:auto}._content_8bmny_6 table{width:100%;border-collapse:collapse;border:0}._content_8bmny_6 table td{padding:var(--spacing-xl);text-align:left}._content_8bmny_6 table td:first-child{padding-left:0}._content_8bmny_6 table td:last-child{padding-right:0}._content_8bmny_6 table th{border-bottom:var(--border-width-sm) solid var(--color-neutral-90);color:var(--color-neutral-60);font-weight:var(--font-weight-500);text-align:left;padding:var(--spacing-xl);vertical-align:middle}._content_8bmny_6 table th:first-child{padding-left:0}._content_8bmny_6 table th:last-child{padding-right:0}._content_8bmny_6 table tr{border-bottom:var(--border-width-sm) solid var(--color-neutral-30);background-color:var(--trBackgroundColor, "transparent");color:var(--trColor, "inherit");transition:background-color var(--duration-medium) ease-in-out}._content_8bmny_6 table tr:last-child{border:0}._content_8bmny_6 table tr._clickable_8bmny_48{cursor:pointer}._content_8bmny_6 table tr._clickable_8bmny_48:hover{background-color:var(--color-beige-10)}._content_8bmny_6 table tr._variant-danger_8bmny_54{--trBackgroundColor: var(--color-red-10);--trColor: var(--color-red-70)}._content_8bmny_6 table tr._variant-warning_8bmny_58{--trBackgroundColor: var(--color-orange-10);--trColor: var(--color-orange-80)}._content_8bmny_6 table tr._variant-success_8bmny_62{--trBackgroundColor: var(--color-green-10);--trColor: var(--color-green-70)}._content_8bmny_6 table tr._variant-info_8bmny_66{--trBackgroundColor: var(--color-blue-10);--trColor: var(--color-blue-70)}._indent_8bmny_70 table td:first-child,._indent_8bmny_70 table th:first-child{padding-left:var(--spacing-xl)}._indent_8bmny_70 table td:last-child,._indent_8bmny_70 table th:last-child{padding-right:var(--spacing-xl)}}