crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(website): change instant marketing page styling to non mono font except the 0 in 0x

Browse Source
This commit is contained in:
Brandon Millman 2018-11-28 11:10:17 -08:00
parent c2fd6745ee
commit 7daf995e0d
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/website/ts/components/ui/text.tsx
View File

@ -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;

18
packages/website/ts/pages/instant/introducing_0x_instant.tsx
View File

@ -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>