fix: fix padding on button

WTTJ · May 29, 2019 · ec62fc7 · ec62fc7
1 parent 387e5f7
commit ec62fc7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git 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
@@ -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`.
 
 <Playground>
+  <Icon name="twitter" size="xs" />
   <Icon name="twitter" size="sm" />
   <Icon name="twitter" size="md" />
   <Icon name="twitter" size="lg" />

diff --git 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,
-Original file line number
+Diff line change
@@ Expand Up / @@ -65,7 +65,7 @@ export const getBaseTheme = (options = {}) => { @@
       }
       theme.icons = {
-        xs: 10,
+        xs: 12,
         sm: 16,
         md: 24,
         lg: 32,
@@ Expand Down @@