Fix codestyle and conditional rules update

Author: lttb

src/styled.js

@@ -76,10 +76,8 @@ const styled = ({tagName, elementStyle, mountSheet}: StyledArgs) => {
       for (ruleIndex; ruleIndex < classMap[this.dynamicTagName].length; ruleIndex++) {
         rule = classMap[this.dynamicTagName][ruleIndex]
 
-        if (rule.name)
-          this.sheet.update(rule.name, props)
-        else
-          this.sheet.update(props)
+        if (rule.name) this.sheet.update(rule.name, props)
+        if (rule.rules) rule.rules.update(props)
       }
     }
 

src/tests/functional.spec.jsx

@@ -113,17 +113,17 @@ describe('functional tests', () => {
 
   it('should update all dynamic props', () => {
     const Button = styled('button')({
-      padding: props => props.spaced ? 10 : 0,
+      padding: props => (props.spaced ? 10 : 0),
 
       '@media screen': {
-        margin: props => props.spaced ? 10 : 0
+        margin: props => (props.spaced ? 10 : 0)
       }
     })
 
-    const wrapper = mount(<Button spaced={true} />)
+    const wrapper = mount(<Button spaced />)
 
     expect(styled.mountSheet().toString()).toMatchSnapshot()
-    wrapper.setProps({ spaced: false })
+    wrapper.setProps({spaced: false})
     expect(styled.mountSheet().toString()).toMatchSnapshot()
 
     wrapper.unmount()