diff options
author | Francesco Agosti <francesco.agosti93@gmail.com> | 2018-12-18 03:21:53 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-18 03:21:53 +0800 |
commit | c0b469fdd9658df8b96f2c8dbf7901058afbf005 (patch) | |
tree | 0cc9e9d2db8a11608fffdc50f79e5295150266ee /packages/website/ts/@next/components/banner.tsx | |
parent | 9b4d1a1e3876313bf36b692128b40647b9e491df (diff) | |
parent | 47db165afc51a8ffe5ffe0d194a1e893bfb94083 (diff) | |
download | dexon-sol-tools-c0b469fdd9658df8b96f2c8dbf7901058afbf005.tar.gz dexon-sol-tools-c0b469fdd9658df8b96f2c8dbf7901058afbf005.tar.zst dexon-sol-tools-c0b469fdd9658df8b96f2c8dbf7901058afbf005.zip |
Merge pull request #1440 from bakkenbaeck/feature/website/0x-org
Feature/website/0x org
Diffstat (limited to 'packages/website/ts/@next/components/banner.tsx')
-rw-r--r-- | packages/website/ts/@next/components/banner.tsx | 14 |
1 files changed, 13 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/banner.tsx b/packages/website/ts/@next/components/banner.tsx index e779c5889..2620b92ef 100644 --- a/packages/website/ts/@next/components/banner.tsx +++ b/packages/website/ts/@next/components/banner.tsx @@ -1,6 +1,8 @@ import * as React from 'react'; import styled from 'styled-components'; +import { colors } from 'ts/style/colors'; + import {Button} from 'ts/@next/components/button'; import {ThemeInterface} from 'ts/@next/components/siteWrap'; import {Paragraph} from 'ts/@next/components/text'; @@ -46,7 +48,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => { <CustomHeading>{heading}</CustomHeading> {subline && - <Paragraph isMuted={0.5} isNoMargin={true}> + <Paragraph color={colors.white} isMuted={0.5} isNoMargin={true}> {subline} </Paragraph> } @@ -55,6 +57,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => { <ButtonWrap> {mainCta && <Button + color={colors.white} isTransparent={false} href={mainCta.href} > @@ -64,6 +67,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => { {secondaryCta && <Button + color={colors.white} href={secondaryCta.href} onClick={secondaryCta.onClick} isTransparent={true} @@ -78,6 +82,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => { }; const CustomSection = styled(Section)` + color: ${colors.white}; margin-top: 30px; @media (max-width: 900px) { @@ -137,4 +142,11 @@ const Border = styled.div<BorderProps>` top: ${props => !props.isBottom && 0 }; bottom: ${props => props.isBottom && 0 }; transform: translate(-112px); + + @media (max-width: 768px) { + width: calc(100% + 82px); + height: 40px; + transform: translate(-41px); + background-size: auto 80px; + } `; |