simplify header styles; remove redundant properties

diff --git a/src/css/header.css b/src/css/header.css
index 3e1a7bb..d93f797 100644 (file)
--- 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;