Implement pure CSS nav menu

1 files changed, 16 insertions, 0 deletions

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 1a0f9a8..32ba2ae 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -293,6 +293,10 @@ table {
   cursor: pointer;
 }
 
+#menu-btn-checkbox {
+  display: none;
+}
+
 #mobile-menu {
   position: fixed;
   bottom: 4.8em;
@@ -869,6 +873,18 @@ a.footnote-ref {
     display: inline-block;
   }
 
+  label[for=menu-btn-checkbox] {
+    cursor: pointer;
+  }
+
+  #menu-btn-checkbox:not(:checked) ~ #mobile-menu {
+    display: none;
+  }
+
+  #mobile-menu {
+    display: inline-block;
+  }
+
   .posts-group {
     display: block;