striped variant and footer totals row (#45)

Author: josuebran

preview-src/index.adoc

@@ -759,6 +759,63 @@ Varying the delimiter line length allows the parser to distinguish one block fro
 [#tables]
 == Tables
 
+[frame=none, grid=rows,%autowidth.stretch]
+.Default
+|===
+|Column 1, header row |Column 2, header row |Column 3, header row
+
+|Cell in column 1, row 2
+|Cell in column 2, row 2
+|Cell in column 3, row 2
+
+|Cell in column 1, row 3
+|Cell in column 2, row 3
+|Cell in column 3, row 3
+|===
+
+[%autowidth.stretch,stripes=even]
+.Striped
+|===
+|Header |Header |Header |Header
+
+|Cell
+|Cell
+|Cell
+|Cell
+
+|Cell
+|Cell
+|Cell
+|Cell
+
+|Cell
+|Cell
+|Cell
+|Cell
+|===
+
+
+[%footer%autowidth.stretch]
+.Footer
+|===
+|Header |Header |Header |Header
+
+h|Item
+|2
+|1
+|5
+
+h|Item
+|2
+|1
+|5
+
+h|Total
+|4
+|2
+|10
+|===
+
 .Basic table
 [cols="3*"]
 |===

src/css/doc.css

@@ -315,9 +315,12 @@
   margin-top: 0;
 }
 
-.doc table.tableblock th,
+.doc table.tableblock th {
+  padding: var(--ds-space-1) var(--ds-space-2);
+}
+
 .doc table.tableblock td {
-  padding: calc(13 / var(--rem-base) * 1rem) var(--ds-space-2);
+  padding: var(--ds-space-1h) var(--ds-space-2);
 }
 
 .doc table.tableblock,
@@ -326,7 +329,7 @@
 }
 
 .doc table.grid-all > * > tr > * {
-  border-width: 1px;
+  border-bottom-width: 1px;
 }
 
 .doc table.grid-cols > * > tr > * {
@@ -345,7 +348,7 @@
 }
 
 .doc table.frame-all {
-  border-width: 1px;
+  border-bottom-width: 0;
 }
 
 .doc table.frame-ends {
@@ -390,6 +393,10 @@
   background: var(--table-footer-background);
 }
 
+.doc table.tableblock > tfoot > tr > * {
+  border-bottom-width: 0;
+}
+
 .doc .halign-left {
   text-align: left;
 }

src/css/vars.css

@@ -91,8 +91,8 @@
   --quote-attribution-font-color: var(--ds-text-tertiary);
   --sidebar-background: var(--ds-background-body);
   --table-border-color: var(--ds-divider);
-  --table-stripe-background: var(--ds-background-body);
-  --table-footer-background: linear-gradient(to bottom, var(--ds-background-level1) 0%, var(--ds-background-body) 100%);
+  --table-stripe-background: var(--ds-background-level1);
+  --table-footer-background: var(--ds-background-level1);
   /* toc */
   --toc-font-color: var(--ds-text-secondary);
   --toc-menu-font-weight: var(--body-font-weight-bold);