style table footer

diff --git a/preview-src/index.adoc b/preview-src/index.adoc
index 712da55..38fc5e9 100644 (file)
--- 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
index eea2d94..9786e27 100644 (file)
--- 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
index c7d963c..ee3bf4a 100644 (file)
--- 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);