From 2338956aa5122acd941d946d93200e8ef162eec1 Mon Sep 17 00:00:00 2001
From: horus
Date: Thu, 1 Oct 2020 01:20:28 +0200
Subject: add unused prototype for sticky sidebar

---
 resources/sass/sidebar.scss | 50 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 resources/sass/sidebar.scss

(limited to 'resources/sass/sidebar.scss')

diff --git a/resources/sass/sidebar.scss b/resources/sass/sidebar.scss
new file mode 100644
index 0000000..3755d4d
--- /dev/null
+++ b/resources/sass/sidebar.scss
@@ -0,0 +1,50 @@
+.wrapper {
+    display: flex;
+    width: 100%;
+}
+
+#sidebar {
+    width: 250px;
+    position: fixed;
+    /** Needs sticky navbar to work. */
+    top: 55px;
+    left: 0;
+    height: 100vh;
+    z-index: 999;
+    background: rgb(255, 255, 255, 0.35);
+    transition: all 0.3s;
+}
+
+#sidebar .sidebar-header {
+    padding: 20px;
+/** TODO
+    background: #6d7fcc;
+*/
+}
+
+#sidebar ul.components {
+    padding: 20px 0;
+}
+
+#sidebar ul p {
+    padding: 10px;
+}
+
+#sidebar ul li a {
+    padding: 10px;
+    font-size: 1.1em;
+    display: block;
+}
+#sidebar ul li a:hover {
+/** TODO
+    color: #7386D5;
+    background: #fff;
+*/
+}
+
+#sidebar ul li.active > a, a[aria-expanded="true"] {
+/** TODO
+    color: #fff;
+    background: #6d7fcc;
+*/
+}
-- 
cgit v1.2.3