Merge pull request #61 from Netcentric/adjust-icons

update fill & stroke functionallity in svgs
Netcentric · Sep 4, 2023 · 4f13840 · 4f13840
2 parents 7021757 + 16faa31
commit 4f13840
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 27 deletions.
diff --git a/blocks/v2-testimonial/v2-testimonial.css b/blocks/v2-testimonial/v2-testimonial.css
@@ -59,6 +59,11 @@
   font-size: 13px;
 }
 
+.v2-testimonial__author svg {
+  width: 34px;
+  height: 27px;
+}
+
 .v2-testimonial__video-link-wrapper {
   margin: 0;
   display: flex;

diff --git a/common/modal/modal-component.css b/common/modal/modal-component.css
@@ -16,7 +16,6 @@
 }
 
 .modal-background button.modal-close-button {
-  color: var(--c-primary-white);
   text-decoration: none;
   border: none;
   background: transparent;
@@ -40,7 +39,7 @@
 }
 
 .modal-background button.modal-close-button:hover {
-  color: #aaa;
+  --color-icon: #aaa;
 }
 
 .modal-background.modal-hidden {

diff --git a/common/modal/modal-component.js b/common/modal/modal-component.js
@@ -40,8 +40,8 @@ const createModal = () => {
   const closeIcon = createElement('span', { classes: ['icon', 'icon-close'] });
   const svgCloseIcon = document.createRange().createContextualFragment(`
     <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path id="Line 103" d="M5.00195 5L19.1441 19.1421" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
-      <path id="Line 104" d="M19.1426 5L5.00044 19.1421" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+      <path d="M5.00195 5L19.1441 19.1421" stroke="var(--color-icon, #000)" stroke-width="2" stroke-linecap="round"/>
+      <path d="M19.1426 5L5.00044 19.1421" stroke="var(--color-icon, #000)" stroke-width="2" stroke-linecap="round"/>
     </svg>
   `);
   closeIcon.append(...svgCloseIcon.children);

diff --git a/icons/play.svg b/icons/play.svg
diff --git a/icons/search.svg b/icons/search.svg
diff --git a/icons/speach.svg b/icons/speach.svg
diff --git a/styles/styles.css b/styles/styles.css
@@ -819,22 +819,7 @@ main .section.responsive-title h1 {
   font-size: 16px;
 }
 
-/* ICONS STYLES - default on white background */
-.redesign-v2 svg path[fill] {
-  fill: var(--color-icon);
-}
-
-.redesign-v2 svg path[stroke] {
-  stroke: var(--color-icon);
-}
-
-.redesign-v2 svg path[fill].accent {
-  fill: var(--color-icon-accent);
-}
-
-.redesign-v2 svg path[stroke].accent {
-  stroke: var(--color-icon-accent);
-}
+/* ICONS STYLES */
 
 /* icons on gold background */
 .redesign-v2 [data-theme="gold"] {