docs: improve system doc

gregberge · gregberge · commit 5aceafc77949 · 2019-03-08T08:16:31.000+01:00
diff --git a/docs/system/GettingStarted.mdx b/docs/system/GettingStarted.mdx
@@ -11,6 +11,8 @@ import { Box, system, styled } from '@smooth-ui/core-sc'
 
 Smooth UI has a powerful style system that gives you a real styling power, it ensure a consistency in your design and reduce the amount of code to produce things.
 
+The system is compatible with [styled-components](https://www.styled-components.com/) and [emotion](https://emotion.sh/docs/introduction).
+
 ## System Props
 
 All Smooth UI components support system props, styling a component can be done by setting props:
diff --git a/docs/system/Styled.mdx b/docs/system/Styled.mdx
@@ -49,7 +49,7 @@ import system from '@smooth-ui/system'
 const Box = styled.div(props =>
   system({
     backgroundColor: props.backgroundColor,
-  }),
+  })(props),
 )
 ```
 

Original file line number	Diff line number	Diff line change
`@@ -49,7 +49,7 @@ import system from '@smooth-ui/system'`
`49`	`49`	`const Box = styled.div(props =>`
`50`	`50`	`system({`
`51`	`51`	`backgroundColor: props.backgroundColor,`
`52`		`- }),`
	`52`	`+ })(props),`
`53`	`53`	`)`
`54`	`54`	```
`55`	`55`