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;
border: 1px solid ${({theme}) => theme.colors.dark05};
cursor: pointer;
transition: background-color 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
p {
width: 80%;
}
h3, p {
transition: color 0.3s ease-in-out;
}
* {
cursor: pointer;
}
&:hover {
background-color: ${({theme}) => theme.colors.green};
border-color: ${({theme}) => theme.colors.white};
h3, p {
color: ${({theme}) => theme.colors.white};
}
.icon {
background-color: ${({theme}) => theme.colors.white};
}
transform: scale(1.05);
}
`;