diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-14 22:36:42 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-14 22:36:42 +0800 |
| commit | 41ec26c927c53499306e8de40c688a2326cd799e (patch) | |
| tree | a2991e86406607cfa96ebcd66eaf2bcae7e0fda3 | |
| parent | 51def6ee6b66ecb2c1dc2a8c0d74a79a4264dfc0 (diff) | |
| download | dexon-sol-tools-41ec26c927c53499306e8de40c688a2326cd799e.tar dexon-sol-tools-41ec26c927c53499306e8de40c688a2326cd799e.tar.gz dexon-sol-tools-41ec26c927c53499306e8de40c688a2326cd799e.tar.bz2 dexon-sol-tools-41ec26c927c53499306e8de40c688a2326cd799e.tar.lz dexon-sol-tools-41ec26c927c53499306e8de40c688a2326cd799e.tar.xz dexon-sol-tools-41ec26c927c53499306e8de40c688a2326cd799e.tar.zst dexon-sol-tools-41ec26c927c53499306e8de40c688a2326cd799e.zip | |
cta boxes hover state
| -rw-r--r-- | packages/website/ts/@next/components/animatedChatIcon.tsx | 5 | ||||
| -rw-r--r-- | packages/website/ts/@next/components/blockIconLink.tsx | 5 |
2 files changed, 5 insertions, 5 deletions
diff --git a/packages/website/ts/@next/components/animatedChatIcon.tsx b/packages/website/ts/@next/components/animatedChatIcon.tsx index bddb1d433..4b7466877 100644 --- a/packages/website/ts/@next/components/animatedChatIcon.tsx +++ b/packages/website/ts/@next/components/animatedChatIcon.tsx @@ -50,11 +50,6 @@ const fadeInOut = keyframes` const Bubble = styled.g` animation: ${scale} 4s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275); transform-origin: 50% 50%; - - path, - circle { - fill: ${props => props.theme.lightBgColor}; - } `; const Rays = styled.g` diff --git a/packages/website/ts/@next/components/blockIconLink.tsx b/packages/website/ts/@next/components/blockIconLink.tsx index 648b5a485..46a267889 100644 --- a/packages/website/ts/@next/components/blockIconLink.tsx +++ b/packages/website/ts/@next/components/blockIconLink.tsx @@ -76,6 +76,7 @@ const Wrap = styled.div` justify-content: center; align-items: center; text-align: center; + transition: background-color 0.25s; background-color: ${props => props.theme.lightBgColor}; cursor: pointer; @@ -88,6 +89,10 @@ const Wrap = styled.div` width: 100%; margin-top: 30px; } + + &:hover { + background-color: #002d28; + } `; const Title = styled.h2` |