aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/dev-tools-pages/ts/components/Button.tsx13
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);