diff options
author | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-22 23:05:27 +0800 |
---|---|---|
committer | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-22 23:05:27 +0800 |
commit | bc029df0820dfffe9e46bedaf1b42191c2cd70ed (patch) | |
tree | b4a36468f8cda1baaeeb1b23f18fe09800104b59 /packages/dev-tools-pages/ts/components/Hero.tsx | |
parent | 50eee9a657fe81fa0af4652f9a5a3f1892a1f1fa (diff) | |
parent | 63b53acd482d38d3015419a4996cf5c2bc1fdb50 (diff) | |
download | dexon-sol-tools-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.tar dexon-sol-tools-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.tar.gz dexon-sol-tools-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.tar.bz2 dexon-sol-tools-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.tar.lz dexon-sol-tools-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.tar.xz dexon-sol-tools-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.tar.zst dexon-sol-tools-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.zip |
Merge branch 'feature/variables' into dev-tools-pages
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Hero.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/Hero.tsx | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/Hero.tsx b/packages/dev-tools-pages/ts/components/Hero.tsx index 5ba469fca..f52ce5bc9 100644 --- a/packages/dev-tools-pages/ts/components/Hero.tsx +++ b/packages/dev-tools-pages/ts/components/Hero.tsx @@ -1,6 +1,7 @@ import * as React from 'react'; import styled from 'styled-components'; +import { media } from 'ts/variables'; import { withContext, Props } from './withContext'; import Button from './Button'; import { Beta } from './Typography'; @@ -23,6 +24,8 @@ const StyledHero = styled.section` margin: 0 auto; padding-top: 9.375rem; padding-bottom: 2rem; + padding-left: 2.5rem; + padding-right: 2.5rem; max-width: 590px; min-height: min-content; max-height: 37.5rem; @@ -33,10 +36,19 @@ const Subtitle = styled.h2` font-size: 3.75rem; line-height: 1.16; margin-bottom: 1.5rem; + + ${media.small` + font-size: 2.25rem; + line-height: 1.1; + margin-bottom: 1.375rem; + `}; `; const Tagline = styled(Beta)` margin-bottom: 2rem; + ${media.small` + margin-bottom: 1.25rem; + `}; `; export default withContext(Hero); |