diff --git a/css/nav.css b/css/nav.css index 561c4ae..3d76552 100644 --- a/css/nav.css +++ b/css/nav.css @@ -61,11 +61,17 @@ nav a, nav h1, nav label { display: inline-block; } - #hamitems { - display: none; + #hamburger ~ #hamitems a { + height: 0; + padding: 0 0.5em; + border: 0; + transition: height 250ms cubic-bezier(0.23, 1, 0.32, 1); } - #hamnav input:checked ~ #hamitems { - display: block; + #hamburger:checked ~ #hamitems a { + height: 2.5em; + padding: 0.5em; + border: 1px solid #333; + transition: height 250ms cubic-bezier(0.23, 1, 0.32, 1); } } \ No newline at end of file