aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-11-29 01:25:40 +0800
committerFred Carlsen <fred@sjelfull.no>2018-11-29 01:25:40 +0800
commit850c441c7092e39c67400cdf617581db542ff304 (patch)
tree50bdea8ec2811794e4ec97379f7abd1c1ad7bcc1 /packages/website/ts
parentdc434bdff03f985d3e19acdd8de2ed4b356ff0ff (diff)
downloaddexon-sol-tools-850c441c7092e39c67400cdf617581db542ff304.tar
dexon-sol-tools-850c441c7092e39c67400cdf617581db542ff304.tar.gz
dexon-sol-tools-850c441c7092e39c67400cdf617581db542ff304.tar.bz2
dexon-sol-tools-850c441c7092e39c67400cdf617581db542ff304.tar.lz
dexon-sol-tools-850c441c7092e39c67400cdf617581db542ff304.tar.xz
dexon-sol-tools-850c441c7092e39c67400cdf617581db542ff304.tar.zst
dexon-sol-tools-850c441c7092e39c67400cdf617581db542ff304.zip
Start on text component
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/@next/components/text.tsx29
1 files changed, 29 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/text.tsx b/packages/website/ts/@next/components/text.tsx
new file mode 100644
index 000000000..624ab760d
--- /dev/null
+++ b/packages/website/ts/@next/components/text.tsx
@@ -0,0 +1,29 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+import { colors } from 'ts/style/colors';
+
+export interface Props {
+ size?: string;
+}
+
+const StyledHeading = styled.h1`
+ color: ${colors.white};
+ font-size: 80px;
+ line-height: 1em;
+`;
+
+const StyledIntro = styled.p`
+ color: ${colors.white};
+ opacity: 0.75;
+ font-size: 22px;
+ line-height: 1.823529412em;
+`;
+
+export const Heading: React.StatelessComponent<Props> = ({ children }) => (
+ <StyledHeading>{children}</StyledHeading>
+);
+
+export const Intro: React.StatelessComponent<Props> = ({ children }) => (
+ <StyledIntro>{children}</StyledIntro>
+);