foodogsquared/hugo-theme-more-contentful
1
0
Fork 0
mirror of https://github.com/foo-dogsquared/hugo-theme-more-contentful.git synced 2025-01-31 04:58:14 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update table formatting

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.adoc
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. * More styling for paged media.
* Cleaner formatting for tables.

30
assets/scss/base.scss
View File

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