aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components
diff options
context:
space:
mode:
authorMegan Pearson <megan.e.pearson@gmail.com>2018-10-19 20:30:38 +0800
committerAugust Skare <post@augustskare.no>2018-10-22 19:27:35 +0800
commita9b4c1cba87168531752c48b8fe8e58f267eb98c (patch)
treee76f5a19443bbd0892d4b0a0d8c6f0a49ad2e093 /packages/dev-tools-pages/ts/components
parent5187017f213dfbcc0231c723c537060a1898f021 (diff)
downloaddexon-sol-tools-a9b4c1cba87168531752c48b8fe8e58f267eb98c.tar
dexon-sol-tools-a9b4c1cba87168531752c48b8fe8e58f267eb98c.tar.gz
dexon-sol-tools-a9b4c1cba87168531752c48b8fe8e58f267eb98c.tar.bz2
dexon-sol-tools-a9b4c1cba87168531752c48b8fe8e58f267eb98c.tar.lz
dexon-sol-tools-a9b4c1cba87168531752c48b8fe8e58f267eb98c.tar.xz
dexon-sol-tools-a9b4c1cba87168531752c48b8fe8e58f267eb98c.tar.zst
dexon-sol-tools-a9b4c1cba87168531752c48b8fe8e58f267eb98c.zip
Responsive font sizes in typography and globalstyles
Diffstat (limited to 'packages/dev-tools-pages/ts/components')
-rw-r--r--packages/dev-tools-pages/ts/components/Typography.tsx7
1 files changed, 7 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/Typography.tsx b/packages/dev-tools-pages/ts/components/Typography.tsx
index 9251d31b4..5f9587335 100644
--- a/packages/dev-tools-pages/ts/components/Typography.tsx
+++ b/packages/dev-tools-pages/ts/components/Typography.tsx
@@ -1,17 +1,24 @@
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;
+
+ ${media.small`font-size: 1rem;`};
`;
const Gamma = styled.h4`
font-size: 1rem;
+
+ ${media.small`font-size: 0.875rem;`};
`;
const Small = styled.p`