Add borders dividing table rows in rendered content (#1816)

Author: sevenseacat

Diff for: assets/css/content/general.css

@@ -109,6 +109,7 @@
 
 .content-inner table {
   margin: 2em 0;
+  border-collapse: collapse;
 }
 
 .content-inner th {
@@ -119,13 +120,25 @@
   padding-bottom: .5em;
 }
 
+.content-inner thead tr {
+  border-bottom: 1px solid var(--tableHeadBorder);
+}
+
+.content-inner tbody tr {
+  border-bottom: 1px solid var(--tableBodyBorder);
+}
+
+.content-inner tbody tr:last-child {
+  border-bottom: none
+}
+
 .content-inner tr {
-  border-bottom: 1px solid var(--gray50);
   vertical-align: bottom;
   height: 2.5em;
 }
 
 .content-inner :is(td, th) {
+  padding: 0.25em;
   padding-left: 1em;
   line-height: 2em;
   vertical-align: top;

Diff for: assets/css/custom-props/theme-dark.css

@@ -18,6 +18,9 @@ body.dark {
   --blockquoteBackground:        var(--coldGrayDim);
   --blockquoteBorder:            var(--coldGrayDark);
 
+  --tableHeadBorder:             var(--gray600);
+  --tableBodyBorder:             var(--gray700);
+
   --warningBackground:           hsl( 40,  67%,  79%);
   --warningHeadingBackground:    hsl( 27,  66%,  29%);
   --warningHeading:              var(--white);

Diff for: assets/css/custom-props/theme-light.css

@@ -18,6 +18,9 @@
   --blockquoteBackground:        var(--coldGrayFaint);
   --blockquoteBorder:            var(--coldGrayLight);
 
+  --tableHeadBorder:             var(--gray100);
+  --tableBodyBorder:             var(--gray50);
+
   --warningBackground:           hsl( 33, 100%,  97%);
   --warningHeadingBackground:    hsl( 33,  87%,  64%);
   --warningHeading:              var(--black);