diff options
author | August Skare <post@augustskare.no> | 2018-11-20 00:27:00 +0800 |
---|---|---|
committer | August Skare <post@augustskare.no> | 2018-11-20 00:27:00 +0800 |
commit | 31d07fdac80a2a546646b1eb232fa7dd6319ce83 (patch) | |
tree | cd2bbb781ea499f599c6b06d54270067c437c020 /packages/dev-tools-pages/ts/components/typography.tsx | |
parent | 881655bb57e93fa1cf344585cda1653c995f1411 (diff) | |
download | dexon-sol-tools-31d07fdac80a2a546646b1eb232fa7dd6319ce83.tar dexon-sol-tools-31d07fdac80a2a546646b1eb232fa7dd6319ce83.tar.gz dexon-sol-tools-31d07fdac80a2a546646b1eb232fa7dd6319ce83.tar.bz2 dexon-sol-tools-31d07fdac80a2a546646b1eb232fa7dd6319ce83.tar.lz dexon-sol-tools-31d07fdac80a2a546646b1eb232fa7dd6319ce83.tar.xz dexon-sol-tools-31d07fdac80a2a546646b1eb232fa7dd6319ce83.tar.zst dexon-sol-tools-31d07fdac80a2a546646b1eb232fa7dd6319ce83.zip |
rename all files and directories to lowercase
Diffstat (limited to 'packages/dev-tools-pages/ts/components/typography.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/typography.tsx | 33 |
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 }; |