diff options
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Button.tsx | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/packages/dev-tools-pages/ts/components/Button.tsx b/packages/dev-tools-pages/ts/components/Button.tsx index 95f2c6d75..2a968af28 100644 --- a/packages/dev-tools-pages/ts/components/Button.tsx +++ b/packages/dev-tools-pages/ts/components/Button.tsx @@ -40,11 +40,18 @@ const Button = background-color: ${props => props.colors.secondary_alt}; outline: 0; } - + ${media.small` - font-size: .875rem; - padding: .5625rem 1.25rem; + font-size: .875rem; + padding: .5625rem 1.25rem; `} + + ${props => + props.large && + media.small` + font-size: 1rem; + padding: 1rem 1.5rem .75rem; + `} `; export default withContext(Button); |