From dbfb0de8e6930e41506a65be3cf37ebdeb115e81 Mon Sep 17 00:00:00 2001
From: Jed Barber <jjbarber@y7mail.com>
Date: Thu, 4 Feb 2021 20:26:04 +1100
Subject: Steelman table hidden behind a toggle button

---
 project/assets/css/steelman.css | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

(limited to 'project/assets/css')

diff --git a/project/assets/css/steelman.css b/project/assets/css/steelman.css
index 5b6b5c9..d0f2c2a 100644
--- a/project/assets/css/steelman.css
+++ b/project/assets/css/steelman.css
@@ -1,5 +1,44 @@
 
 
+section.accordian {
+    margin: 1em 2em 2em 2em;
+}
+
+
+.accordian > input[name="collapse"] {
+    display: none;
+}
+
+
+.accordian .hidden_content {
+    overflow: hidden;
+    height: 0;
+}
+
+
+.accordian label {
+    color: #ffffff;
+    cursor: pointer;
+    font-weight: normal;
+    padding: 0.5em;
+    background: #808080;
+}
+
+
+.accordian label:hover,
+.accordian label:focus {
+    color: #ffffff;
+    background: #000000;
+}
+
+
+.accordian > input[name="collapse"]:checked ~ .hidden_content {
+    height: auto;
+}
+
+
+
+
 table {
     margin: 2em auto 2em auto;
     max-width: 60em;
-- 
cgit