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')
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