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/Button.tsx | |
parent | 50eee9a657fe81fa0af4652f9a5a3f1892a1f1fa (diff) | |
parent | 63b53acd482d38d3015419a4996cf5c2bc1fdb50 (diff) | |
download | dexon-0x-contracts-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.tar.gz dexon-0x-contracts-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.tar.zst dexon-0x-contracts-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.zip |
Merge branch 'feature/variables' into dev-tools-pages
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Button.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/Button.tsx | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/Button.tsx b/packages/dev-tools-pages/ts/components/Button.tsx index 2d0fbc353..eae6aaf54 100644 --- a/packages/dev-tools-pages/ts/components/Button.tsx +++ b/packages/dev-tools-pages/ts/components/Button.tsx @@ -1,6 +1,7 @@ import styled from 'styled-components'; import { colors } from '../variables'; +import { media } from 'ts/variables'; import { withContext, Props } from './withContext'; interface ButtonProps extends Props { @@ -22,6 +23,12 @@ const Button = border-radius: 5rem; padding: ${props => (props.large ? '1.125rem 2.375rem' : '.5625rem 1.25rem')}; display: inline-block; + ${props => + props.large && + media.small` + font-size: 1rem; + padding: .875rem 1.5rem; + `} `; export default withContext(Button); |