From 4e86fad962fe08951c998e5a8a6ea9b6c3ed9216 Mon Sep 17 00:00:00 2001 From: Dan Allen Date: Sat, 26 Dec 2020 03:13:23 -0700 Subject: [PATCH] simplify header styles; remove redundant properties --- src/css/header.css | 19 +++++++------------ 1 file changed, 7 insertions(+), 12 deletions(-) diff --git a/src/css/header.css b/src/css/header.css index 3e1a7bb..d93f797 100644 --- a/src/css/header.css +++ b/src/css/header.css @@ -54,10 +54,8 @@ body { } .navbar-brand { - align-items: stretch; display: flex; - flex-shrink: 0; - height: var(--navbar-height); + height: 100%; } .navbar-burger { @@ -66,9 +64,7 @@ body { border: none; outline: none; line-height: 1; - height: var(--navbar-height); position: relative; - /* width: var(--navbar-height); */ width: 2.75rem; margin-left: auto; padding: 0; @@ -100,7 +96,7 @@ body { .navbar-burger.is-active span:nth-child(1) { margin-left: -5px; transform: rotate(45deg); - transform-origin: left top; + transform-origin: top left; } .navbar-burger.is-active span:nth-child(2) { @@ -110,7 +106,7 @@ body { .navbar-burger.is-active span:nth-child(3) { margin-left: -5px; transform: rotate(-45deg); - transform-origin: left bottom; + transform-origin: bottom left; } .navbar-menu { @@ -184,7 +180,6 @@ body { .navbar, .navbar-menu, .navbar-end { - align-items: stretch; display: flex; } @@ -194,12 +189,12 @@ body { .navbar-item, .navbar-link { - align-items: center; display: flex; } - .navbar-item.has-dropdown { - align-items: stretch; + .navbar-item:not(.has-dropdown), + .navbar-link { + align-items: center; } .navbar-item.is-hoverable:hover .navbar-dropdown { @@ -209,7 +204,7 @@ body { .navbar-link::after { border-width: 0 0 1px 1px; border-style: solid; - content: " "; + content: ""; display: block; height: 0.5em; pointer-events: none; -- 2.11.0