27 lines
471 B
CSS
27 lines
471 B
CSS
@utility grid-table-* {
|
|
&:is(table) {
|
|
display: grid;
|
|
grid-template-columns: --value([*]);
|
|
|
|
& > :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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|