Tables

Variable name	Default value	Description
`--b-content-table`	`#fff`	Background color for the content table component.
`--border-table`	`rgba(0, 0, 0, .3)`	Border color for the table and its cells.
`--b-table`	`purple`	Background color for the table header.
`--s-scroll`	`.4rem`	Size of the scrollbar for the table.
`--b-scroll`	`rgba(0, 0, 0, .6)`	Background color of the scrollbar thumb.
`--b-scroll-active`	`rgba(0, 0, 0, .8)`	Background color of the scrollbar thumb when active.

CSS Class	Description
`content-table`	Base class for the content table component. Sets the background, border, border-radius, max-height, overflow, and scrollbar styles.
`content-table.responsive-480`	Responsive class for the content table component. Sets max-width for small screens. Removes the table header for smaller screens. To display the header, use the data-th attribute in the td elements.
`content-table.responsive-768`	Responsive class for the content table component. Sets max-width for small screens. Removes the table header for smaller screens. To display the header, use the data-th attribute in the td elements.
`content-table.responsive-1024`	Responsive class for the content table component. Sets max-width for small screens. Removes the table header for smaller screens. To display the header, use the data-th attribute in the td elements.
`content-table > .table`	Class for the table element within the content table component. Sets border-collapse, margin, min-width.
`content-table > .table > thead`	Class for the table header. Sets background, color, position, top.
`content-table > .table > thead > tr > th`	Class for table header cells. Sets border, padding, white-space.
`content-table > .table > tbody`	Class for the table body. Sets styling for table rows and cells, including borders and padding.
`content-table > .table > tbody > tr > td`	Class for table data cells. Sets border, padding, vertical-align, white-space, and border adjustments for first-child and last-child.
`content-table > .table > tbody > tr > td[data-th]`	Class for table data cells with a data-th attribute. Used for responsive design to indicate the header of the cell.