style table footer

opitzconsulting · Dec 13, 2020 · ed4701c · ed4701c
1 parent 7c69c4a
commit ed4701c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/preview-src/index.adoc b/preview-src/index.adoc
@@ -169,7 +169,7 @@ agam graeci
 At ornatus splendide sed.
 
 .Library dependencies
-[#dependencies%autowidth,stripes=hover]
+[#dependencies%autowidth%footer,stripes=hover]
 |===
 |Library |Version
 
@@ -190,6 +190,9 @@ At ornatus splendide sed.
 
 |jscs
 |^2.3.5
+
+h|Total
+|6
 |===
 
 Cum dicat putant ne.

diff --git a/src/css/doc.css b/src/css/doc.css
@@ -226,6 +226,10 @@
   background: var(--table-stripe-background);
 }
 
+.doc table.tableblock > tfoot {
+  background: var(--table-footer-background);
+}
+
 .doc .halign-left {
   text-align: left;
 }

diff --git a/src/css/vars.css b/src/css/vars.css
@@ -111,6 +111,7 @@
   --sidebar-background: var(--color-smoke-90);
   --table-border-color: var(--panel-border-color);
   --table-stripe-background: var(--panel-background);
+  --table-footer-background: linear-gradient(to bottom, var(--color-smoke-70) 0%, var(--color-white) 100%);
   /* footer */
   --footer-line-height: var(--doc-line-height);
   --footer-background: var(--color-smoke-90);