From 72a11d6751f6b66dd292139ff877bc4275953701 Mon Sep 17 00:00:00 2001 From: Xavier Del Campo Romero Date: Tue, 3 Jan 2023 04:15:41 +0100 Subject: [PATCH] Implement pure CSS nav menu --- assets/scss/style.scss | 16 ++++++++++++++++ layouts/partials/header.html | 19 ++++++++++--------- 2 files changed, 26 insertions(+), 9 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; diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 473f597..ec776db 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,4 +1,4 @@ -