diff --git a/src/css/header.css b/src/css/header.css
index 6d542c9..0352e0f 100644
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -22,6 +22,10 @@
column-gap: 8px;
}
+.header-logo {
+ fill: var(--secondary-brand-color);
+}
+
.header-logo-link {
font-weight: 700;
text-transform: uppercase;
@@ -32,6 +36,7 @@
}
.header-burger-btn {
+ display: flex;
margin-left: auto;
}
@@ -47,11 +52,8 @@
background-color: var(--primary-brand-color);
}
-.header-modal-nav {
- margin-top: 124px;
-}
-
.header-modal-nav-list {
+ margin-top: 124px;
display: flex;
flex-direction: column;
align-items: center;
@@ -62,8 +64,8 @@
color: var(--primary-color);
}
-.header-modal-cart {
- fill: var(--primary-color);
+.header-modal-icon-cart {
+ fill: none;
stroke: var(--primary-color);
}
@@ -83,6 +85,8 @@
}
.header-cart-btn {
+ fill: none;
+ stroke: var(--secondary-text-color);
display: block;
margin-left: auto;
}
diff --git a/src/img/icons.svg b/src/img/icons.svg
index 62bf23e..af4e4c8 100644
--- a/src/img/icons.svg
+++ b/src/img/icons.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index ca7e206..744812d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,7 +6,7 @@
VeggieBoost
diff --git a/src/js/header.js b/src/js/header.js
index 3e69a89..db4f9d1 100644
--- a/src/js/header.js
+++ b/src/js/header.js
@@ -16,6 +16,7 @@ function onHeaderBurgerBtnClick(e) {
disablePageScroll();
headerBurgerIcon.style.display = 'none';
headerCloseIcon.style.display = 'block';
+ headerCloseIcon.style.stroke = 'var(--secondary-brand-color)';
} else {
if (
e.target.classList.contains('header-modal-container') ||
diff --git a/src/partials/header.html b/src/partials/header.html
index 373fb6f..f4cf750 100644
--- a/src/partials/header.html
+++ b/src/partials/header.html
@@ -14,44 +14,14 @@
-