aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/Button.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Button.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/Button.tsx7
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);