ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement new css.Build.

Browse source
This commit is contained in:
Fredrik Jonsson 2026-04-08 11:17:24 +02:00
commit d984bcaf5d
1 changed files with 1681 additions and 1695 deletions
Download patch file Download diff file Expand all files Collapse all files

90
assets/css/components/_tables.css
View file

@ -1,60 +1,58 @@
@layer components {
.zebra-table {
--table-cell-padding: .5rem;
.zebra-table {
--table-cell-padding: .5rem;
@media (max-width: 666px) {
--table-cell-padding: .3rem;
}
@media (max-width: 666px) {
--table-cell-padding: .3rem;
}
th,
td {
padding: var(--table-cell-padding);
}
th,
td {
padding: var(--table-cell-padding);
}
thead {
tr {
background-color: var(--color-row-header);
}
}
tbody {
tr {
&:nth-child(odd) {
background-color: var(--color-row-odd);
}
&:nth-child(even) {
background-color: var(--color-row-even);
}
}
thead {
tr {
background-color: var(--color-row-header);
}
}
.responsive-table {
--table-gap: .5rem;
@media (max-width: 666px) {
th {
display: none;
tbody {
tr {
&:nth-child(odd) {
background-color: var(--color-row-odd);
}
td {
display: grid;
gap: var(--table-gap);
grid-template-columns: 12ch auto;
&:nth-child(even) {
background-color: var(--color-row-even);
}
}
}
}
&::before {
content: attr(aria-label) ':';
font-weight: var(--fw-bold);
}
.responsive-table {
--table-gap: .5rem;
&:first-of-type {
padding-block-start: var(--table-gap);
}
@media (max-width: 666px) {
th {
display: none;
}
&:last-of-type {
padding-block-end: var(--table-gap);
}
td {
display: grid;
gap: var(--table-gap);
grid-template-columns: 12ch auto;
&::before {
content: attr(aria-label) ':';
font-weight: var(--fw-bold);
}
&:first-of-type {
padding-block-start: var(--table-gap);
}
&:last-of-type {
padding-block-end: var(--table-gap);
}
}
}