From 9a2d13b681089b68ca72f8ffef396e8be1f73979 Mon Sep 17 00:00:00 2001 From: Halfdan Date: Wed, 9 Nov 2022 12:16:43 +0100 Subject: [PATCH] Better burger menu --- .../datacoop2020/assets/static/css/style.scss | 44 +++++++++++++++++++ .../datacoop2020/layouts/_default/baseof.html | 31 ++++++++----- 2 files changed, 65 insertions(+), 10 deletions(-) diff --git a/themes/datacoop2020/assets/static/css/style.scss b/themes/datacoop2020/assets/static/css/style.scss index c9e2074..90048ef 100644 --- a/themes/datacoop2020/assets/static/css/style.scss +++ b/themes/datacoop2020/assets/static/css/style.scss @@ -51,6 +51,8 @@ --bg-color : #fff; --alt-bg-color : #a8f3f4; --bar-color : #f0dcac; + + --burger_size : 56px; } body { @@ -172,6 +174,11 @@ aside nav footer ol li a { font-size : 1.65rem; } +aside header a img { + width : 100%; + height : 140px; +} + @media(max-width:1000px) { :root { --base-grid : 40px; @@ -216,5 +223,42 @@ aside nav footer ol li a { padding : 1.5rem 0; font-size : 3rem; } + + header .nav-toggle { + cursor : pointer; + display : block; + height : var(--burger_size); + float : right; + margin : 40px 20px; + } + + header .nav-toggle span { + display : block; + height : calc( ( var(--burger_size) / 3 ) / 2 ); + width : var(--burger_size); + background : var(--text-color); + margin-bottom : calc( ( var(--burger_size) / 3 ) / 2 ); + } + + header .nav-toggle span { + position : relative; + top : 0; + transition : all 0.4s; + } + + header .nav-toggle.display span#nav-toggle-b { + opacity : 0; + } + + header .nav-toggle.display span#nav-toggle-a { + transform : rotate(45deg); + top : calc( var(--burger_size) / 3 ); + + } + + header .nav-toggle.display span#nav-toggle-c { + transform : rotate(-45deg); + top : calc( ( var(--burger_size) / 3 ) * -1 ); + } } diff --git a/themes/datacoop2020/layouts/_default/baseof.html b/themes/datacoop2020/layouts/_default/baseof.html index 939dee1..6feb09a 100644 --- a/themes/datacoop2020/layouts/_default/baseof.html +++ b/themes/datacoop2020/layouts/_default/baseof.html @@ -7,8 +7,12 @@