Update table formatting

This commit is contained in:
Gabriel Arazas 2022-06-13 20:33:16 +08:00
parent 7d46ae111f
commit c5a765eb9f
2 changed files with 20 additions and 12 deletions

View File

@ -36,6 +36,8 @@ This is more like someone forgot to update it from the previous release but pay
* More styling for paged media.
* Cleaner formatting for tables.

View File

@ -79,10 +79,6 @@ kbd {
padding: 0 0.25em;
}
tr:nth-child(even) {
background: var(--base01);
}
code, pre {
font-family: var(--mono-family);
}
@ -140,23 +136,33 @@ img, video, audio, iframe {
}
table {
border: var(--border-style);
border-collapse: collapse;
border-spacing: 0.5em;
margin: auto;
overflow: auto;
width: 100%;
caption {
margin: 1em;
}
}
thead, tbody {
margin: 0 auto;
@mixin table-item-align {
text-align: left;
}
thead {
background: var(--base07);
color: var(--background);
font-weight: bold;
& tr th {
@include table-item-align;
}
}
th, td {
border: var(--border-style);
padding: 1rem;
tbody {
& tr td {
@include table-item-align;
}
}
ol, ul {