aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-14 22:36:42 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-14 22:36:42 +0800
commit41ec26c927c53499306e8de40c688a2326cd799e (patch)
treea2991e86406607cfa96ebcd66eaf2bcae7e0fda3 /packages/website/ts/@next
parent51def6ee6b66ecb2c1dc2a8c0d74a79a4264dfc0 (diff)
downloaddexon-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
Diffstat (limited to 'packages/website/ts/@next')
-rw-r--r--packages/website/ts/@next/components/animatedChatIcon.tsx5
-rw-r--r--packages/website/ts/@next/components/blockIconLink.tsx5
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`