From 8048f6351fb4611134c2f6e2d9129ec025376914 Mon Sep 17 00:00:00 2001
From: Lars-Dominik Braun <lars@6xq.net>
Date: Thu, 3 Oct 2019 15:09:33 +0200
Subject: doc: Add hand/finger stats to all layouts

Adds a preprocessing step to the doc HTML document.
---
 doc/style.css | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

(limited to 'doc/style.css')

diff --git a/doc/style.css b/doc/style.css
index 5aa9a55..0f137c4 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -106,3 +106,38 @@ div.indepth-card {
 .lbox {
 	margin: 0 5vw;
 }
+/* for hand/finger stats */
+div.fingerhandstats {
+	text-align: center;
+	display: flex;
+}
+div.fingerhandstats div.fingers {
+	display: flex;
+}
+div.fingerhandstats div.fingers div {
+	margin: 0.1em;
+	overflow: hidden;
+}
+div.fingerhandstats .left {
+	margin-right: 0.5em;
+}
+div.fingerhandstats .right {
+	margin-left: 0.5em;
+}
+/* keep in sync with render-svg.css */
+div.fingerhandstats .fingers .little {
+	border: 0.1em solid #dc322f; /* red */
+}
+div.fingerhandstats .fingers .ring {
+	border: 0.1em solid #268bd2; /* blue */
+}
+div.fingerhandstats .fingers .middle  {
+	border: 0.1em solid #d33682; /* magenta */
+}
+div.fingerhandstats .fingers .index {
+	border: 0.1em solid #6c71c4; /* violet */
+}
+div.fingerhandstats .fingers .thumb {
+	border: 0.1em solid #2aa198; /* cyan */
+}
+
-- 
cgit v1.2.3