From f4ab60d668d453eb82459bef318016c8b75ec43d Mon Sep 17 00:00:00 2001
From: Yuliya Sharapa <yuliya.sharapa@bitlogic.io>
Date: Wed, 6 Apr 2022 12:53:09 -0300
Subject: [PATCH] add dinamic color to transition component

---
 .../AnimatedTransitionContinous.js                            | 4 ++--
 .../animatedTransitionContinous.scss                          | 1 -
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/animatedTransitionContinous/AnimatedTransitionContinous.js b/src/components/animatedTransitionContinous/AnimatedTransitionContinous.js
index 743b2408..abdf4ef5 100644
--- a/src/components/animatedTransitionContinous/AnimatedTransitionContinous.js
+++ b/src/components/animatedTransitionContinous/AnimatedTransitionContinous.js
@@ -2,7 +2,7 @@ import React from "react"
 import "./animatedTransitionContinous.scss"
 
 const AnimatedTransitionContinous = ({
-  data: { text = "", image, imagePosition },
+  data: { text = "", image, imagePosition, color },
 }) => {
   let longerText = ""
 
@@ -20,7 +20,7 @@ const AnimatedTransitionContinous = ({
               {imagePosition === "first" && (
                 <img src={image?.url} alt="" />
               )}
-              <h1>{innerText || ""}</h1>
+              <h1 style={{color: color}}>{innerText || ""}</h1>
               {(imagePosition === "last" || !imagePosition) && (
                 <img src={image?.url} alt="" />
               )}
diff --git a/src/components/animatedTransitionContinous/animatedTransitionContinous.scss b/src/components/animatedTransitionContinous/animatedTransitionContinous.scss
index 66bb585b..07079211 100644
--- a/src/components/animatedTransitionContinous/animatedTransitionContinous.scss
+++ b/src/components/animatedTransitionContinous/animatedTransitionContinous.scss
@@ -53,7 +53,6 @@
         font-size: 60px;
         color: rgba(255, 255, 255, 1) transparent;
         transition: all 1s ease;
-        -webkit-text-stroke: 1px black;
         cursor: default;
         &:hover {
           text-decoration: none;