From 908627f7dee12672b5cfd2a93f064444ea627ca1 Mon Sep 17 00:00:00 2001 From: SHRAVANI KAWARE Date: Sun, 13 Aug 2023 08:34:05 +0530 Subject: [PATCH] formatted styles Signed-off-by: SHRAVANI KAWARE --- src/sections/Company/About/about.style.js | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/src/sections/Company/About/about.style.js b/src/sections/Company/About/about.style.js index cd88a3b1c1b8..8ff8a2e8c670 100644 --- a/src/sections/Company/About/about.style.js +++ b/src/sections/Company/About/about.style.js @@ -1,6 +1,5 @@ import styled from "styled-components"; - const AboutSectionWrapper = styled.section` .About-projects-mobile{ @@ -57,7 +56,7 @@ const AboutSectionWrapper = styled.section` } .about-text.text-two { - color: ${props => props.theme.sideTextColor}; + color: ${(props) => props.theme.sideTextColor}; font-weight: 400; margin-bottom: 28px; } @@ -71,7 +70,7 @@ const AboutSectionWrapper = styled.section` svg { .cncf-stacked-color_svg__st0 { - fill: ${props => props.theme.whiteToGreen3C494F}; + fill: ${(props) => props.theme.whiteToGreen3C494F}; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); } } @@ -81,7 +80,7 @@ const AboutSectionWrapper = styled.section` svg { .cncf-stacked-color_svg__st0 { - fill: ${props => props.theme.whiteToGreen3C494F}; + fill: ${(props) => props.theme.whiteToGreen3C494F}; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); } } @@ -116,13 +115,13 @@ const AboutSectionWrapper = styled.section` margin-top: 4rem; margin-bottom: 0rem; font-family:"Qanelas Soft"; - color: ${props => props.theme.whiteToBlack}; + color: ${(props) => props.theme.whiteToBlack}; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); } h4{ margin-bottom: 1.7vw; font-family:"Qanelas Soft"; - color: ${props => props.theme.whiteSevenToBlackSeven}; + color: ${(props) => props.theme.whiteSevenToBlackSeven}; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); } } @@ -156,11 +155,11 @@ const AboutSectionWrapper = styled.section` } .section-title{ #contact{ - background: ${props => props.theme.highlightColor}; + background: ${(props) => props.theme.highlightColor}; &:hover { - background: ${props => props.theme.highlightLightColor}; - box-shadow: ${props => props.theme.whiteFourToBlackFour} 0px 2px 10px; + background: ${(props) => props.theme.highlightLightColor}; + box-shadow: ${(props) => props.theme.whiteFourToBlackFour} 0px 2px 10px; } } }