s444498/gonito-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

more clear MiniChallenge animation

Browse Source
This commit is contained in:
mattyl006 2022-07-08 09:36:10 +02:00
parent 6b1c8087c3
commit 910ada6cf2
1 changed files with 2 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/elements/MiniChallenge.js
View File

@ -13,31 +13,18 @@ const ChallengeStyle = styled(FlexColumn)`
padding: 12px; padding: 12px;
border: 1px solid ${({theme}) => theme.colors.dark05}; border: 1px solid ${({theme}) => theme.colors.dark05};
cursor: pointer; cursor: pointer;
transition: background-color 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
p { p {
width: 80%; width: 80%;
} }
h3, p {
transition: color 0.3s ease-in-out;
}
* { * {
cursor: pointer; cursor: pointer;
} }
&:hover { &:hover {
background-color: ${({theme}) => theme.colors.green}; transform: scale(1.05);
border-color: ${({theme}) => theme.colors.white};
h3, p {
color: ${({theme}) => theme.colors.white};
}
.icon {
background-color: ${({theme}) => theme.colors.white};
}
} }
`; `;