aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-11-29 03:10:17 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-11-29 03:10:17 +0800
commit7daf995e0d78d6f0065d67655668f4832c45bcf0 (patch)
tree5aad7f9fdbd765b6f901f056a12711ca42bd0521
parentc2fd6745eeebbe3bfcc016f2f1f9b7d96cf8dcb0 (diff)
downloaddexon-0x-contracts-7daf995e0d78d6f0065d67655668f4832c45bcf0.tar
dexon-0x-contracts-7daf995e0d78d6f0065d67655668f4832c45bcf0.tar.gz
dexon-0x-contracts-7daf995e0d78d6f0065d67655668f4832c45bcf0.tar.bz2
dexon-0x-contracts-7daf995e0d78d6f0065d67655668f4832c45bcf0.tar.lz
dexon-0x-contracts-7daf995e0d78d6f0065d67655668f4832c45bcf0.tar.xz
dexon-0x-contracts-7daf995e0d78d6f0065d67655668f4832c45bcf0.tar.zst
dexon-0x-contracts-7daf995e0d78d6f0065d67655668f4832c45bcf0.zip
fix(website): change instant marketing page styling to non mono font except the 0 in 0x
-rw-r--r--packages/website/ts/components/ui/text.tsx2
-rw-r--r--packages/website/ts/pages/instant/introducing_0x_instant.tsx18
2 files changed, 10 insertions, 10 deletions
diff --git a/packages/website/ts/components/ui/text.tsx b/packages/website/ts/components/ui/text.tsx
index c13e21913..87239a021 100644
--- a/packages/website/ts/components/ui/text.tsx
+++ b/packages/website/ts/components/ui/text.tsx
@@ -3,7 +3,7 @@ import { darken } from 'polished';
import * as React from 'react';
import { styled } from 'ts/style/theme';
-export type TextTag = 'p' | 'div' | 'span' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'i';
+export type TextTag = 'p' | 'div' | 'span' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'i' | 'span';
export interface TextProps {
className?: string;
diff --git a/packages/website/ts/pages/instant/introducing_0x_instant.tsx b/packages/website/ts/pages/instant/introducing_0x_instant.tsx
index 92183ba98..21377d52e 100644
--- a/packages/website/ts/pages/instant/introducing_0x_instant.tsx
+++ b/packages/website/ts/pages/instant/introducing_0x_instant.tsx
@@ -12,24 +12,24 @@ export interface Introducing0xInstantProps {
export const Introducing0xInstant = (props: Introducing0xInstantProps) => {
const isSmallScreen = props.screenWidth === ScreenWidths.Sm;
+ const zero = (
+ <Text fontColor={colors.white} fontSize="42px" fontWeight="600" fontFamily="Roboto Mono" Tag="span">
+ 0
+ </Text>
+ );
const title = isSmallScreen ? (
<div>
- Introducing<br />0x Instant
+ Introducing<br />
+ {zero}x Instant
</div>
) : (
- <div>Introducing 0x Instant</div>
+ <div>Introducing {zero}x Instant</div>
);
return (
<div className="clearfix center lg-pt4 md-pt4" style={{ backgroundColor: colors.instantPrimaryBackground }}>
<div className="mx-auto inline-block align-middle py4" style={{ lineHeight: '44px', textAlign: 'center' }}>
<Container className="sm-center sm-pt3">
- <Text
- fontColor={colors.white}
- fontSize="42px"
- lineHeight="52px"
- fontFamily="Roboto Mono"
- fontWeight="600"
- >
+ <Text fontColor={colors.white} fontSize="42px" lineHeight="52px" fontWeight="600">
{title}
</Text>
</Container>