From 033fe64ddb5ca2042b5e360b904fcf6912b80153 Mon Sep 17 00:00:00 2001 From: Cleo Date: Wed, 14 Jun 2017 09:51:13 +0100 Subject: [PATCH 01/14] Adds classes to display menu with transition on click, #249 --- redesign/css/dwyl.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/redesign/css/dwyl.css b/redesign/css/dwyl.css index 7340418..b27e83b 100644 --- a/redesign/css/dwyl.css +++ b/redesign/css/dwyl.css @@ -68,6 +68,18 @@ body { max-width: 21rem; } +/*Navbar*/ + +.menu { + max-height: 0; + overflow: hidden; + transition: max-height 1s; +} + +#burger:checked ~ .menu { + max-height: 100vh; +} + /*Accessibility*/ .sr-only { From 8b9a9439232f77b73ef029ece80cdeeed357357e Mon Sep 17 00:00:00 2001 From: Cleo Date: Wed, 14 Jun 2017 09:53:31 +0100 Subject: [PATCH 02/14] Adds burger symbol, #249 --- redesign/index.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/redesign/index.html b/redesign/index.html index f95762b..ceb8522 100644 --- a/redesign/index.html +++ b/redesign/index.html @@ -18,6 +18,10 @@