aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/typography.tsx
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2019-01-12 00:53:15 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2019-01-12 00:53:15 +0800
commitfaee7513952a4b87d5f9e9dde9deb20126f58834 (patch)
tree8168000e484e621e1526cf48fb0f979a6d98d972 /packages/dev-tools-pages/ts/components/typography.tsx
parent742e5e039dd4e821209b5511fb6a194d11c6291c (diff)
parent2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5 (diff)
downloaddexon-sol-tools-faee7513952a4b87d5f9e9dde9deb20126f58834.tar
dexon-sol-tools-faee7513952a4b87d5f9e9dde9deb20126f58834.tar.gz
dexon-sol-tools-faee7513952a4b87d5f9e9dde9deb20126f58834.tar.bz2
dexon-sol-tools-faee7513952a4b87d5f9e9dde9deb20126f58834.tar.lz
dexon-sol-tools-faee7513952a4b87d5f9e9dde9deb20126f58834.tar.xz
dexon-sol-tools-faee7513952a4b87d5f9e9dde9deb20126f58834.tar.zst
dexon-sol-tools-faee7513952a4b87d5f9e9dde9deb20126f58834.zip
Merge branch 'development' into feature/instant/asset-buyer-check-liquidity
Diffstat (limited to 'packages/dev-tools-pages/ts/components/typography.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/typography.tsx33
1 files changed, 33 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/typography.tsx b/packages/dev-tools-pages/ts/components/typography.tsx
new file mode 100644
index 000000000..e4b13163a
--- /dev/null
+++ b/packages/dev-tools-pages/ts/components/typography.tsx
@@ -0,0 +1,33 @@
+import styled from 'styled-components';
+
+import { media } from '../variables';
+
+const Alpha = styled.h2`
+ font-size: 1.75rem;
+ line-height: 1;
+
+ ${media.small`font-size: 1.5rem;`};
+`;
+
+const Beta = styled.h3`
+ font-size: 1.25rem;
+ line-height: 1.65;
+`;
+
+const Gamma = styled.h4`
+ font-size: 1rem;
+
+ ${media.small`font-size: 0.875rem;`};
+`;
+
+const Lead = styled.p`
+ font-size: 1.25rem;
+ line-height: 1.6;
+ ${media.small`font-size: 1rem;`};
+`;
+
+const Small = styled.p`
+ font-size: 0.875rem;
+`;
+
+export { Alpha, Beta, Gamma, Lead, Small };