move attributes to CSS, adjust header height

HectorVilas · Apr 29, 2023 · 5469c76 · 5469c76
1 parent 3b87781
commit 5469c76
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/styles/header.css b/styles/header.css
@@ -51,13 +51,15 @@ header {
 #menu-button {
   display: none;
   cursor: pointer;
+  stroke: var(--color-4);
+  stroke-width: 4;
+  stroke-linecap: round;
 }
 
 .menu-button-line-0,
 .menu-button-line-1,
-.menu-button-line-2,
-.menu-button-line-3 {
-  transition: 1s;
+.menu-button-line-2 {
+  transition: d 150ms ease-in-out;
 }
 
 .nav-sections {
@@ -161,6 +163,9 @@ header {
 /* responsiveness */
 
 @media only screen and (max-width: 800px) {
+  header {
+    height: 45px;
+  }
   #navigation {
     --gap: 5px;
     display: none;