diff --git a/src/components/BlockLink.js b/src/components/BlockLink.js index ae7296c..725037d 100644 --- a/src/components/BlockLink.js +++ b/src/components/BlockLink.js @@ -39,7 +39,7 @@ const BlockLink = styled('a', { shouldForwardProp })( opacity: 1, transition: 'opacity .25s ease-in', ":hover": { - cursor: "pointer" + cursor: "pointer", opacity: .6, transition: 'opacity .25s ease-in' } @@ -49,7 +49,6 @@ const BlockLink = styled('a', { shouldForwardProp })( BlockLink.defaultProps = { display: "block", bg: "transparent", - cursor: "pointer" } -export default A +export default BlockLink diff --git a/src/components/BlockLinkGlow.js b/src/components/BlockLinkGlow.js index e6a63fd..3a3c81a 100644 --- a/src/components/BlockLinkGlow.js +++ b/src/components/BlockLinkGlow.js @@ -18,7 +18,7 @@ import { textStyle } from "styled-system" -const BlockLink = styled('a', { shouldForwardProp })( +const BlockLinkGlow = styled('a', { shouldForwardProp })( space, width, maxWidth, @@ -39,17 +39,17 @@ const BlockLink = styled('a', { shouldForwardProp })( opacity: .75, transition: 'opacity .25s ease-in', ":hover": { - cursor: "pointer" + cursor: "pointer", opacity: 1, transition: 'opacity .25s ease-in' } } ) -BlockLink.defaultProps = { +BlockLinkGlow.defaultProps = { display: "block", bg: "transparent", cursor: "pointer" } -export default A +export default BlockLinkGlow diff --git a/src/components/Flex.js b/src/components/Flex.js index 1113069..fb5a100 100644 --- a/src/components/Flex.js +++ b/src/components/Flex.js @@ -84,4 +84,4 @@ Flex.defaultProps = { } -export default Div +export default Flex