diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-10 20:11:31 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-10 20:11:31 +0800 |
commit | 7d9ab27b9d26bf008a1113c50a00b18a1ad6e641 (patch) | |
tree | 96633af443a641f4fac0908c4272c854a61e839f /packages/website/ts/@next/components/button.tsx | |
parent | c686c241c0ea7b9b0a581aa6bd7aac35e2ac11b4 (diff) | |
download | dexon-0x-contracts-7d9ab27b9d26bf008a1113c50a00b18a1ad6e641.tar dexon-0x-contracts-7d9ab27b9d26bf008a1113c50a00b18a1ad6e641.tar.gz dexon-0x-contracts-7d9ab27b9d26bf008a1113c50a00b18a1ad6e641.tar.bz2 dexon-0x-contracts-7d9ab27b9d26bf008a1113c50a00b18a1ad6e641.tar.lz dexon-0x-contracts-7d9ab27b9d26bf008a1113c50a00b18a1ad6e641.tar.xz dexon-0x-contracts-7d9ab27b9d26bf008a1113c50a00b18a1ad6e641.tar.zst dexon-0x-contracts-7d9ab27b9d26bf008a1113c50a00b18a1ad6e641.zip |
Divides landing into section components, cleanup
Diffstat (limited to 'packages/website/ts/@next/components/button.tsx')
-rw-r--r-- | packages/website/ts/@next/components/button.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index 14228083f..ea7f286b3 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -11,6 +11,7 @@ interface ButtonInterface { isNoBorder?: boolean; isNoPadding?: boolean; isWithArrow?: boolean; + isAccentColor?: boolean; hasIcon?: boolean | string; isInline?: boolean; href?: string; @@ -26,7 +27,7 @@ export const Button = styled.button<ButtonInterface>` display: ${props => props.isInline && 'inline-block'}; background-color: ${props => !props.isTransparent ? colors.brandLight : 'transparent'}; border-color: ${props => (props.isTransparent && !props.isNoBorder && !props.isWithArrow) && '#6a6a6a'}; - color: ${props => props.color || props.theme.textColor}; + color: ${props => props.isAccentColor ? props.theme.linkColor : (props.color || props.theme.textColor)}; padding: ${props => (!props.isNoPadding && !props.isWithArrow) && '18px 30px'}; text-align: center; font-size: ${props => props.isWithArrow ? '20px' : '18px'}; @@ -37,7 +38,7 @@ export const Button = styled.button<ButtonInterface>` } path { - fill: ${props => props.color || props.theme.textColor}; + fill: ${props => props.isAccentColor ? props.theme.linkColor : (props.color || props.theme.textColor)}; } `; |