Styling tables to theme properly

This commit is contained in:
Jean Viscogliosi-Pate 2025-03-20 20:03:20 -07:00
parent 74e079bb2a
commit a685e4c2a7
1 changed files with 24 additions and 0 deletions

View File

@ -499,6 +499,30 @@ hr {
line-height: 1.7; line-height: 1.7;
} }
.gh-content table:not(.gist table) {
display: table;
width: 100%;
white-space: wrap;
table-layout: fixed;
}
.gh-content table:not(.gist table) td, .gh-content table:not(.gist table) th {
border: 0;
border-left: 1px solid var(--color-light-gray);
}
.gh-content table:not(.gist table) td:first-child {
border: 0;
border-right: 1px solid var(--color-light-gray);
padding-right: 20px;
background: 0;
}
.gh-content table:not(.gist table) td:last-child {
padding-left: 20px;
background: 0;
}
:is(.post-template, .page-template) .no-image .gh-content { :is(.post-template, .page-template) .no-image .gh-content {
margin-top: clamp(4rem, 2.14vw + 2.97rem, 6.4rem); margin-top: clamp(4rem, 2.14vw + 2.97rem, 6.4rem);
} }