27 lines
489 B
CSS
27 lines
489 B
CSS
@utility grid-table-* {
|
|
&:is(table) {
|
|
display: grid;
|
|
grid-template-columns: repeat(--value(integer), auto);
|
|
|
|
& > :is(thead, tbody, tfoot) {
|
|
grid-column-start: 1;
|
|
grid-column-end: -1;
|
|
display: grid;
|
|
grid-template-columns: subgrid;
|
|
|
|
& > tr {
|
|
grid-column-start: 1;
|
|
grid-column-end: -1;
|
|
display: grid;
|
|
grid-template-columns: subgrid;
|
|
|
|
& > th, & > td {
|
|
grid-column: span 1;
|
|
align-content: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|