@volverjs/style/dist/components/vv-table.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

:where(:host,:root,.theme){--vv-table-width: 100%;--vv-table-border-collapse: collapse;--vv-table-border-color: var(--color-surface-5);--vv-table-element-caption-caption-side: bottom;--vv-table-element-caption-state-empty-display: none;--vv-table-element-tr-border-width: 0 0 1px 0;--vv-table-element-tr-border-style: solid;--vv-table-element-tr-border-color: var(--color-surface-5);--vv-table-element-tbody-tr-border-color: var(--color-surface-3);--vv-table-element-tbody-tr-state-last-child-border-width: 0;--vv-table-element-tfoot-tr-border-width: 1px 0 0 0;--vv-table-element-th-font-weight: var(--font-semibold);--vv-table-element-th-font-size: var(--text-sm);--vv-table-element-th-color: var(--color-word-2);--vv-table-element-th-vertical-align: middle;--vv-table-element-td-border-style: solid;--vv-table-element-td-font-size: var(--text-xs);--vv-table-element-td-vertical-align: middle;--vv-table-modifier-bordered-element-th-border-width: 1px;--vv-table-modifier-bordered-element-th-border-style: solid;--vv-table-modifier-bordered-element-th-border-color: var(--color-surface-5);--vv-table-modifier-bordered-element-td-border-width: 1px;--vv-table-modifier-bordered-element-td-border-style: solid;--vv-table-modifier-bordered-element-td-border-color: var(--color-surface-5)}:where(.vv-table){--table-cell-padding: var(--spacing-md) 0;width:var(--vv-table-width);border-collapse:var(--vv-table-border-collapse);border-color:var(--vv-table-border-color)}:where(.vv-table__caption,.vv-table caption){caption-side:var(--vv-table-element-caption-caption-side);padding:var(--table-cell-padding)}:where(.vv-table__caption--empty,.vv-table__caption.empty,.vv-table caption.empty,.vv-table__caption:not([disabled]):empty,.vv-table caption:not([disabled]):empty){display:var(--vv-table-element-caption-state-empty-display)}:where(.vv-table__tr,.vv-table tr){border-width:var(--vv-table-element-tr-border-width);border-style:var(--vv-table-element-tr-border-style);border-color:var(--vv-table-element-tr-border-color)}:where(.vv-table__tbody-tr,.vv-table tbody>tr){border-color:var(--vv-table-element-tbody-tr-border-color)}:where(.vv-table__tbody-tr--last-child,.vv-table__tbody-tr.last-child,.vv-table tbody>tr.last-child,.vv-table__tbody-tr:not([disabled]):last-child,.vv-table tbody>tr:not([disabled]):last-child){border-width:var(--vv-table-element-tbody-tr-state-last-child-border-width)}:where(.vv-table__tfoot-tr,.vv-table tfoot>tr){border-width:var(--vv-table-element-tfoot-tr-border-width)}:where(.vv-table__th,.vv-table th){font-weight:var(--vv-table-element-th-font-weight);font-size:var(--vv-table-element-th-font-size);color:var(--vv-table-element-th-color);vertical-align:var(--vv-table-element-th-vertical-align);padding:var(--table-cell-padding)}:where(.vv-table__td,.vv-table td){border-style:var(--vv-table-element-td-border-style);font-size:var(--vv-table-element-td-font-size);vertical-align:var(--vv-table-element-td-vertical-align);padding:var(--table-cell-padding)}:where(.vv-table--inline-spacing.vv-table){--table-cell-padding: var(--spacing-md)}:where(.vv-table--bordered.vv-table){--table-cell-padding: var(--spacing-md)}:where(.vv-table--bordered .vv-table__th,.vv-table--bordered th){border-width:var(--vv-table-modifier-bordered-element-th-border-width);border-style:var(--vv-table-modifier-bordered-element-th-border-style);border-color:var(--vv-table-modifier-bordered-element-th-border-color)}:where(.vv-table--bordered .vv-table__td,.vv-table--bordered td){border-width:var(--vv-table-modifier-bordered-element-td-border-width);border-style:var(--vv-table-modifier-bordered-element-td-border-style);border-color:var(--vv-table-modifier-bordered-element-td-border-color)}