From ec62fc7375c6e8dded0c223c658895c48c1cf4b3 Mon Sep 17 00:00:00 2001 From: theojungle Date: Wed, 29 May 2019 15:35:50 +0200 Subject: [PATCH] fix: fix padding on button --- src/components/Growl/styles.js | 5 +++-- src/components/Icon/doc.mdx | 3 ++- src/theme/core.js | 2 +- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/components/Growl/styles.js b/src/components/Growl/styles.js index ff14444045..57174a5bde 100644 --- a/src/components/Growl/styles.js +++ b/src/components/Growl/styles.js @@ -36,10 +36,11 @@ export const CloseContent = styled.button` display: flex; align-items: center; justify-content: center; - width: ${get('space.xl')}; - height: ${get('space.xl')}; + width: 1.87rem; + height: 1.87rem; ${getCss('growls.close')}; border: none; + padding: 0; transition: background ${get('transitions.medium')}; ` diff --git a/src/components/Icon/doc.mdx b/src/components/Icon/doc.mdx index d3f102cc37..e5fd253b7d 100644 --- a/src/components/Icon/doc.mdx +++ b/src/components/Icon/doc.mdx @@ -13,9 +13,10 @@ import { Icon } from './index' ## Size -Use size property with `sm` `md` `lg` or `xl`. +Use size property with `xs`, `sm`, `md`, `lg` or `xl`. + diff --git a/src/theme/core.js b/src/theme/core.js index f3894ecc00..97f84bb16f 100644 --- a/src/theme/core.js +++ b/src/theme/core.js @@ -65,7 +65,7 @@ export const getBaseTheme = (options = {}) => { } theme.icons = { - xs: 10, + xs: 12, sm: 16, md: 24, lg: 32,