diff --git a/src/.prettierrc b/.prettierrc
similarity index 100%
rename from src/.prettierrc
rename to .prettierrc
diff --git a/examples/app.js b/examples/app.js
index 86e9b895..4c86904d 100644
--- a/examples/app.js
+++ b/examples/app.js
@@ -30,9 +30,9 @@ class HoverMessage extends React.Component {
         <button key="button" style={{display: 'flex', ':hover': {}}}>
           Hover me!
         </button>
-        {getState(this.state, 'button', ':hover')
-          ? <span>{' '}Hovering!</span>
-          : null}
+        {getState(this.state, 'button', ':hover') ? (
+          <span> Hovering!</span>
+        ) : null}
       </div>
     );
   }
@@ -42,7 +42,8 @@ HoverMessage = Radium(HoverMessage);
 //
 // Radium with ES7 decorator
 //
-@Radium class TwoSquares extends React.Component {
+@Radium
+class TwoSquares extends React.Component {
   render() {
     return (
       <div>
@@ -120,20 +121,26 @@ class App extends React.Component {
       <StyleRoot>
         <VisitedLink />
 
-        <p /><HoverMessage />
+        <p />
+        <HoverMessage />
 
-        <p /><TwoSquares />
+        <p />
+        <TwoSquares />
 
-        <p /><Spinner />
+        <p />
+        <Spinner />
 
-        <p /><MultiSpinner />
+        <p />
+        <MultiSpinner />
 
         <p />
         <Button onClick={this._remount.bind(this)}>Unmount and remount</Button>
 
-        <p /><Button>Button</Button>
+        <p />
+        <Button>Button</Button>
 
-        <p /><Button color="red">Button</Button>
+        <p />
+        <Button color="red">Button</Button>
 
         <p />
         <Button
diff --git a/examples/components/button.js b/examples/components/button.js
index c9414a35..aac642f2 100644
--- a/examples/components/button.js
+++ b/examples/components/button.js
@@ -17,7 +17,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Radium from '../../src';
 
-@Radium class Button extends React.Component {
+@Radium
+class Button extends React.Component {
   render() {
     return (
       <button
diff --git a/interfaces/inline-style-prefixer.js b/interfaces/inline-style-prefixer.js
index 693e8d79..8fabd11e 100644
--- a/interfaces/inline-style-prefixer.js
+++ b/interfaces/inline-style-prefixer.js
@@ -1,16 +1,14 @@
 declare class InlineStylePrefixer {
-  static prefixAll: typeof prefixAll,
+  static prefixAll: typeof prefixAll;
 
-  prefixedKeyframes: string,
+  prefixedKeyframes: string;
 
-  constructor(
-    config: {
-      keepUnprefixed?: boolean,
-      userAgent?: ?string
-    }
-  ): void,
+  constructor(config: {
+    keepUnprefixed?: boolean,
+    userAgent?: ?string
+  }): void;
 
-  prefix(style: Object): Object
+  prefix(style: Object): Object;
 }
 
 declare function prefixAll(style: Object): Object;
diff --git a/src/__tests__/enhancer-test.js b/src/__tests__/enhancer-test.js
index 2aa4cd7e..f481b09d 100644
--- a/src/__tests__/enhancer-test.js
+++ b/src/__tests__/enhancer-test.js
@@ -164,11 +164,7 @@ describe('Enhancer', () => {
         return [{color: 'black'}];
       }
       render() {
-        return (
-          <div style={this.getStyles()}>
-            Hello World!
-          </div>
-        );
+        return <div style={this.getStyles()}>Hello World!</div>;
       }
     }
 
diff --git a/src/__tests__/get-state-key-test.js b/src/__tests__/get-state-key-test.js
index b386bb7a..b3303f5d 100644
--- a/src/__tests__/get-state-key-test.js
+++ b/src/__tests__/get-state-key-test.js
@@ -18,7 +18,7 @@ describe('getStateKey', () => {
   it('gets the key if the ref is not a string', () => {
     class Test extends React.Component {
       render() {
-        return <div key="myKey" ref={ref => this.ref = ref} />;
+        return <div key="myKey" ref={ref => (this.ref = ref)} />;
       }
     }
 
diff --git a/src/__tests__/keyframes-test.js b/src/__tests__/keyframes-test.js
index 0965225f..f37e94c7 100644
--- a/src/__tests__/keyframes-test.js
+++ b/src/__tests__/keyframes-test.js
@@ -5,7 +5,8 @@ import {expectCSS, getElement} from 'test-helpers';
 import React, {Component} from 'react';
 import TestUtils from 'react-dom/test-utils';
 
-const CHROME_14_USER_AGENT = 'Mozilla/5.0 (Windows NT 6.1) AppleWebKit/535.1 ' +
+const CHROME_14_USER_AGENT =
+  'Mozilla/5.0 (Windows NT 6.1) AppleWebKit/535.1 ' +
   '(KHTML, like Gecko) Chrome/14.0.812.0 Safari/535.1';
 
 describe('keyframes', () => {
@@ -243,13 +244,15 @@ describe('keyframes', () => {
       'SlideFromLeft'
     );
 
-    @Radium class ChildComponent extends Component {
+    @Radium
+    class ChildComponent extends Component {
       render() {
         return <div style={{animationName: animation}} />;
       }
     }
 
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <StyleRoot>
@@ -294,13 +297,15 @@ describe('keyframes', () => {
       'SlideFromTop'
     );
 
-    @Radium class ChildComponent extends Component {
+    @Radium
+    class ChildComponent extends Component {
       render() {
         return <div style={{animationName: [animation, animation2]}} />;
       }
     }
 
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <StyleRoot>
diff --git a/src/__tests__/media-query-test.js b/src/__tests__/media-query-test.js
index 70e0331c..d5e892e5 100644
--- a/src/__tests__/media-query-test.js
+++ b/src/__tests__/media-query-test.js
@@ -396,8 +396,8 @@ describe('Media query tests', () => {
     // we only get called with `(undefined, { componentStack: STUFF })` just accept
     // it until we understand more.
     expect(catchSpy).to.have.callCount(1);
-    expect(catchSpy.getCall(0).args[1]).to.have
-      .property('componentStack')
+    expect(catchSpy.getCall(0).args[1])
+      .to.have.property('componentStack')
       .that.contains('Component');
   });
 
@@ -409,7 +409,8 @@ describe('Media query tests', () => {
       </div>
     ));
     expect(() =>
-      TestUtils.renderIntoDocument(<TestComponent />)).not.to.throw();
+      TestUtils.renderIntoDocument(<TestComponent />)
+    ).not.to.throw();
   });
 
   it("doesn't try to setState if not mounted", () => {
diff --git a/src/__tests__/radium-test.js b/src/__tests__/radium-test.js
index 334f0a83..c57e33f6 100644
--- a/src/__tests__/radium-test.js
+++ b/src/__tests__/radium-test.js
@@ -20,7 +20,8 @@ describe('Radium blackbox tests', () => {
   });
 
   it('merges styles', () => {
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return <div style={[{color: 'blue'}, {background: 'red'}]} />;
       }
@@ -35,7 +36,8 @@ describe('Radium blackbox tests', () => {
   });
 
   it('merges nested styles', () => {
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <div
@@ -61,7 +63,8 @@ describe('Radium blackbox tests', () => {
   it('resolves styles on props', () => {
     class InnerComponent extends Component {}
 
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <InnerComponent
@@ -86,7 +89,8 @@ describe('Radium blackbox tests', () => {
       }
     }
 
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <InnerComponent
@@ -122,7 +126,8 @@ describe('Radium blackbox tests', () => {
       }
     }
 
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <InnerComponent>
@@ -155,7 +160,8 @@ describe('Radium blackbox tests', () => {
   });
 
   it('adds hover styles', () => {
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <div
@@ -182,7 +188,8 @@ describe('Radium blackbox tests', () => {
   });
 
   it('adds active styles', () => {
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <div
@@ -209,7 +216,8 @@ describe('Radium blackbox tests', () => {
   });
 
   it('removes active styles on mouseup', () => {
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <div>
@@ -275,7 +283,7 @@ describe('Radium blackbox tests', () => {
         return (
           <div>
             <button onClick={() => this.setState({showSpan: true})} />
-            {this.state.showSpan &&
+            {this.state.showSpan && (
               <span
                 key="s"
                 onClick={() => this.setState({showSpan: false})}
@@ -283,7 +291,8 @@ describe('Radium blackbox tests', () => {
                   color: 'blue',
                   ':hover': {color: 'red'}
                 }}
-              />}
+              />
+            )}
           </div>
         );
       }
@@ -305,13 +314,14 @@ describe('Radium blackbox tests', () => {
 
     TestUtils.Simulate.click(button);
     spans = getElements(output, 'span');
-    expect(spans).to.have
-      .length(1)
+    expect(spans)
+      .to.have.length(1)
       .and.to.have.deep.property('[0].style.color', 'blue');
   });
 
   it('resolves styles on multiple elements nested far down, Issue #307', () => {
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <section>
@@ -354,7 +364,8 @@ describe('Radium blackbox tests', () => {
   });
 
   it('resolves styles if an element has element children and spreads props', () => {
-    @Radium class Inner extends Component {
+    @Radium
+    class Inner extends Component {
       static propTypes = {children: PropTypes.node};
       render() {
         return (
@@ -365,7 +376,8 @@ describe('Radium blackbox tests', () => {
       }
     }
 
-    @Radium class Outer extends Component {
+    @Radium
+    class Outer extends Component {
       render() {
         return (
           <Inner>
@@ -384,7 +396,8 @@ describe('Radium blackbox tests', () => {
   });
 
   it('calls toString on object values', () => {
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <div
@@ -453,7 +466,8 @@ describe('Radium blackbox tests', () => {
   });
 
   it('adds active styles on space', () => {
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <div
@@ -484,7 +498,8 @@ describe('Radium blackbox tests', () => {
   });
 
   it('works with children as keyed object ala React Router', () => {
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <div>
@@ -512,14 +527,11 @@ describe('Radium blackbox tests', () => {
   });
 
   it('preserves array children as arrays', () => {
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         expect(Array.isArray(this.props.children)).to.equal(true);
-        return (
-          <div>
-            {this.props.children}
-          </div>
-        );
+        return <div>{this.props.children}</div>;
       }
     }
 
@@ -539,7 +551,8 @@ describe('Radium blackbox tests', () => {
   it('calls existing onMouseEnter handler', () => {
     const handleMouseEnter = sinon.spy();
 
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <div
@@ -560,7 +573,8 @@ describe('Radium blackbox tests', () => {
   it('calls existing onMouseLeave handler', () => {
     const handleMouseLeave = sinon.spy();
 
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <div
@@ -581,7 +595,8 @@ describe('Radium blackbox tests', () => {
   it('calls existing onMouseDown handler', () => {
     const handleMouseDown = sinon.spy();
 
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <div
@@ -602,7 +617,8 @@ describe('Radium blackbox tests', () => {
   it('calls existing onFocus handler', () => {
     const handleFocus = sinon.spy();
 
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <input onFocus={handleFocus} style={{':focus': {color: 'red'}}} />
@@ -620,7 +636,8 @@ describe('Radium blackbox tests', () => {
   it('calls existing onBlur handler', () => {
     const handleBlur = sinon.spy();
 
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return <input onBlur={handleBlur} style={{':focus': {color: 'red'}}} />;
       }
@@ -634,7 +651,8 @@ describe('Radium blackbox tests', () => {
   });
 
   it('ignores callback refs', () => {
-    @Radium class TestComponent extends Component {
+    @Radium
+    class TestComponent extends Component {
       render() {
         return (
           <div>
@@ -661,7 +679,8 @@ describe('Radium blackbox tests', () => {
     it('runs a custom plugin', () => {
       const makeItRedPlugin = () => ({style: {color: 'red'}});
 
-      @Radium class TestComponent extends Component {
+      @Radium
+      class TestComponent extends Component {
         render() {
           return <div style={{}} />;
         }
@@ -943,7 +962,8 @@ describe('Radium blackbox tests', () => {
     it('receives config from radiumConfig prop', () => {
       const plugin = sinon.spy();
 
-      @Radium class TestComponent extends Component {
+      @Radium
+      class TestComponent extends Component {
         render() {
           return <div style={{}} />;
         }
@@ -959,13 +979,19 @@ describe('Radium blackbox tests', () => {
     it('receives config from context', () => {
       const plugin = sinon.spy();
 
-      @Radium class ParentComponent extends Component {
+      @Radium
+      class ParentComponent extends Component {
         render() {
-          return <div style={{}}><ChildComponent /></div>;
+          return (
+            <div style={{}}>
+              <ChildComponent />
+            </div>
+          );
         }
       }
 
-      @Radium class ChildComponent extends Component {
+      @Radium
+      class ChildComponent extends Component {
         render() {
           return <div style={{}} />;
         }
@@ -1020,7 +1046,8 @@ describe('Radium blackbox tests', () => {
     });
 
     it('handles matching user agent', () => {
-      const iOSChrome47 = 'Mozilla/5.0 (iPad; CPU OS 8_0_0 like Mac OS X) AppleWebKit/600.1.4 ' +
+      const iOSChrome47 =
+        'Mozilla/5.0 (iPad; CPU OS 8_0_0 like Mac OS X) AppleWebKit/600.1.4 ' +
         '(KHTML, like Gecko) CriOS/47.0.2526.107 Mobile/12H321 Safari/600.1.4';
       const webkitFlex = '-webkit-flex';
 
diff --git a/src/__tests__/resolve-styles-test.js b/src/__tests__/resolve-styles-test.js
index 15cfe6c2..b8754613 100644
--- a/src/__tests__/resolve-styles-test.js
+++ b/src/__tests__/resolve-styles-test.js
@@ -512,7 +512,8 @@ describe('resolveStyles', () => {
       ]);
 
       const createMultiPseudoTest = function(pseudoStyles, onHandlers) {
-        const name = 'applies pseudo styles in the defined order: ' +
+        const name =
+          'applies pseudo styles in the defined order: ' +
           pseudoStyles.map(pseudo => pseudo.name).join(', ') +
           ' when handlers called in order: ' +
           onHandlers.join(', ');
@@ -554,7 +555,11 @@ describe('resolveStyles', () => {
         }
       };
       const component = genComponent(initialState);
-      const renderedElement = <div><div ref="mountedDiv" /></div>;
+      const renderedElement = (
+        <div>
+          <div ref="mountedDiv" />
+        </div>
+      );
 
       const result = resolveStyles(component, renderedElement).extraStateKeyMap;
 
@@ -565,7 +570,11 @@ describe('resolveStyles', () => {
   describe('React.Children.only', () => {
     it("doesn't break React.Children.only", () => {
       const component = genComponent();
-      const renderedElement = <div><span /></div>;
+      const renderedElement = (
+        <div>
+          <span />
+        </div>
+      );
 
       const result = resolveStyles(component, renderedElement).element;
 
diff --git a/src/__tests__/style-component-test.js b/src/__tests__/style-component-test.js
index 13e0f0d7..e143c82e 100644
--- a/src/__tests__/style-component-test.js
+++ b/src/__tests__/style-component-test.js
@@ -4,7 +4,8 @@ import {Style} from 'index';
 import React from 'react';
 import TestUtils from 'react-dom/test-utils';
 import {expectCSS, getElement} from 'test-helpers';
-const MSIE9_USER_AGENT = 'Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 7.1; Trident/5.0)';
+const MSIE9_USER_AGENT =
+  'Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 7.1; Trident/5.0)';
 
 describe('<Style> component', () => {
   it("adds px suffix to properties that don't accept unitless values", () => {
diff --git a/src/append-px-if-needed.js b/src/append-px-if-needed.js
index 2d3b000e..9af98706 100644
--- a/src/append-px-if-needed.js
+++ b/src/append-px-if-needed.js
@@ -40,8 +40,7 @@ export default function appendPxIfNeeded(
   propertyName: string,
   value: any
 ): string {
-  const needsPxSuffix = !isUnitlessNumber[propertyName] &&
-    typeof value === 'number' &&
-    value !== 0;
+  const needsPxSuffix =
+    !isUnitlessNumber[propertyName] && typeof value === 'number' && value !== 0;
   return needsPxSuffix ? value + 'px' : value;
 }
diff --git a/src/camel-case-props-to-dash-case.js b/src/camel-case-props-to-dash-case.js
index dab1645f..c67d0d57 100644
--- a/src/camel-case-props-to-dash-case.js
+++ b/src/camel-case-props-to-dash-case.js
@@ -13,20 +13,17 @@ export const camelCaseToDashCase = function(s: string): string {
 const camelCasePropsToDashCase = function(prefixedStyle: Object): Object {
   // Since prefix is expected to work on inline style objects, we must
   // translate the keys to dash case for rendering to CSS.
-  return Object.keys(prefixedStyle).reduce(
-    (result, key) => {
-      let dashCaseKey = camelCaseToDashCase(key);
+  return Object.keys(prefixedStyle).reduce((result, key) => {
+    let dashCaseKey = camelCaseToDashCase(key);
 
-      // Fix IE vendor prefix
-      if (/^ms-/.test(dashCaseKey)) {
-        dashCaseKey = `-${dashCaseKey}`;
-      }
+    // Fix IE vendor prefix
+    if (/^ms-/.test(dashCaseKey)) {
+      dashCaseKey = `-${dashCaseKey}`;
+    }
 
-      result[dashCaseKey] = prefixedStyle[key];
-      return result;
-    },
-    {}
-  );
+    result[dashCaseKey] = prefixedStyle[key];
+    return result;
+  }, {});
 };
 
 export default camelCasePropsToDashCase;
diff --git a/src/components/style-root.js b/src/components/style-root.js
index 1fb2eeff..329640fc 100644
--- a/src/components/style-root.js
+++ b/src/components/style-root.js
@@ -11,8 +11,8 @@ import type {Config} from '../config';
 
 function _getStyleKeeper(instance): StyleKeeper {
   if (!instance._radiumStyleKeeper) {
-    const userAgent = (instance.props.radiumConfig &&
-      instance.props.radiumConfig.userAgent) ||
+    const userAgent =
+      (instance.props.radiumConfig && instance.props.radiumConfig.userAgent) ||
       (instance.context._radiumConfig &&
         instance.context._radiumConfig.userAgent);
     instance._radiumStyleKeeper = new StyleKeeper(userAgent);
diff --git a/src/components/style.js b/src/components/style.js
index 3d886c13..cd8fc80e 100644
--- a/src/components/style.js
+++ b/src/components/style.js
@@ -29,62 +29,55 @@ class Style extends PureComponent<StyleProps> {
   };
 
   _buildStyles(styles: Object): string {
-    const userAgent = (this.props.radiumConfig &&
-      this.props.radiumConfig.userAgent) ||
+    const userAgent =
+      (this.props.radiumConfig && this.props.radiumConfig.userAgent) ||
       (this.context &&
         this.context._radiumConfig &&
         this.context._radiumConfig.userAgent);
 
     const {scopeSelector} = this.props;
-    const rootRules = Object.keys(styles).reduce(
-      (accumulator, selector) => {
-        if (typeof styles[selector] !== 'object') {
-          accumulator[selector] = styles[selector];
-        }
+    const rootRules = Object.keys(styles).reduce((accumulator, selector) => {
+      if (typeof styles[selector] !== 'object') {
+        accumulator[selector] = styles[selector];
+      }
 
-        return accumulator;
-      },
-      {}
-    );
+      return accumulator;
+    }, {});
     const rootStyles = Object.keys(rootRules).length
       ? cssRuleSetToString(scopeSelector || '', rootRules, userAgent)
       : '';
 
-    return rootStyles +
-      Object.keys(styles).reduce(
-        (accumulator, selector) => {
-          const rules = styles[selector];
-
-          if (selector === 'mediaQueries') {
-            accumulator += this._buildMediaQueryString(rules);
-          } else if (typeof styles[selector] === 'object') {
-            const completeSelector = scopeSelector
-              ? selector
-                  .split(',')
-                  .map(part => scopeSelector + ' ' + part.trim())
-                  .join(',')
-              : selector;
-
-            accumulator += cssRuleSetToString(
-              completeSelector,
-              rules,
-              userAgent
-            );
-          }
-
-          return accumulator;
-        },
-        ''
-      );
+    return (
+      rootStyles +
+      Object.keys(styles).reduce((accumulator, selector) => {
+        const rules = styles[selector];
+
+        if (selector === 'mediaQueries') {
+          accumulator += this._buildMediaQueryString(rules);
+        } else if (typeof styles[selector] === 'object') {
+          const completeSelector = scopeSelector
+            ? selector
+                .split(',')
+                .map(part => scopeSelector + ' ' + part.trim())
+                .join(',')
+            : selector;
+
+          accumulator += cssRuleSetToString(completeSelector, rules, userAgent);
+        }
+
+        return accumulator;
+      }, '')
+    );
   }
 
-  _buildMediaQueryString(
-    stylesByMediaQuery: {[mediaQuery: string]: Object}
-  ): string {
+  _buildMediaQueryString(stylesByMediaQuery: {
+    [mediaQuery: string]: Object
+  }): string {
     let mediaQueryString = '';
 
     Object.keys(stylesByMediaQuery).forEach(query => {
-      mediaQueryString += '@media ' +
+      mediaQueryString +=
+        '@media ' +
         query +
         '{' +
         this._buildStyles(stylesByMediaQuery[query]) +
diff --git a/src/css-rule-set-to-string.js b/src/css-rule-set-to-string.js
index c44ac580..7282165b 100644
--- a/src/css-rule-set-to-string.js
+++ b/src/css-rule-set-to-string.js
@@ -23,7 +23,8 @@ export default function cssRuleSetToString(
   }
 
   const rulesWithPx = mapObject(rules, (value, key) =>
-    appendPxIfNeeded(key, value));
+    appendPxIfNeeded(key, value)
+  );
   const prefixedRules = getPrefixedStyle(rulesWithPx, userAgent);
   const cssPrefixedRules = camelCasePropsToDashCase(prefixedRules);
   const serializedRules = createMarkupForStyles(cssPrefixedRules);
diff --git a/src/enhancer.js b/src/enhancer.js
index 5712854a..8ff94c37 100644
--- a/src/enhancer.js
+++ b/src/enhancer.js
@@ -39,17 +39,20 @@ function copyProperties(source, target) {
 function isStateless(component: Function): boolean {
   const proto = component.prototype || {};
 
-  return !component.isReactComponent &&
+  return (
+    !component.isReactComponent &&
     !proto.isReactComponent &&
     !component.render &&
-    !proto.render;
+    !proto.render
+  );
 }
 
 // Check if value is a real ES class in Native / Node code.
 // See: https://stackoverflow.com/a/30760236
 function isNativeClass(component: Function): boolean {
-  return typeof component === 'function' &&
-    /^\s*class\s+/.test(component.toString());
+  return (
+    typeof component === 'function' && /^\s*class\s+/.test(component.toString())
+  );
 }
 
 // Handle es7 arrow functions on React class method names by detecting
@@ -124,12 +127,12 @@ function createEnhancedComponent(
       }
 
       if (this._radiumMediaQueryListenersByQuery) {
-        Object.keys(this._radiumMediaQueryListenersByQuery).forEach(
-          function(query) {
-            this._radiumMediaQueryListenersByQuery[query].remove();
-          },
-          this
-        );
+        Object.keys(this._radiumMediaQueryListenersByQuery).forEach(function(
+          query
+        ) {
+          this._radiumMediaQueryListenersByQuery[query].remove();
+        },
+        this);
       }
     }
 
@@ -153,9 +156,8 @@ function createEnhancedComponent(
 
     render() {
       const renderedElement = super.render();
-      let currentConfig = this.props.radiumConfig ||
-        this.context._radiumConfig ||
-        config;
+      let currentConfig =
+        this.props.radiumConfig || this.context._radiumConfig || config;
 
       if (config && currentConfig !== config) {
         currentConfig = {
@@ -225,9 +227,8 @@ function createEnhancedComponent(
   }
 
   // copy display name to enhanced component
-  RadiumEnhancer.displayName = origComponent.displayName ||
-    origComponent.name ||
-    'Component';
+  RadiumEnhancer.displayName =
+    origComponent.displayName || origComponent.name || 'Component';
 
   // handle context
   RadiumEnhancer.contextTypes = {
diff --git a/src/get-radium-style-state.js b/src/get-radium-style-state.js
index 8196adad..19f30baf 100644
--- a/src/get-radium-style-state.js
+++ b/src/get-radium-style-state.js
@@ -1,8 +1,11 @@
 /* @flow */
 
 const getRadiumStyleState = function(component: any) {
-  return component._lastRadiumState ||
-  (component.state && component.state._radiumStyleState) || {};
+  return (
+    component._lastRadiumState ||
+    (component.state && component.state._radiumStyleState) ||
+    {}
+  );
 };
 
 export default getRadiumStyleState;
diff --git a/src/get-state.js b/src/get-state.js
index 50d14862..0c33f031 100644
--- a/src/get-state.js
+++ b/src/get-state.js
@@ -9,10 +9,12 @@ const getState = function(
 ): any {
   const key = cleanStateKey(elementKey);
 
-  return !!state &&
+  return (
+    !!state &&
     !!state._radiumStyleState &&
     !!state._radiumStyleState[key] &&
-    state._radiumStyleState[key][value];
+    state._radiumStyleState[key][value]
+  );
 };
 
 export default getState;
diff --git a/src/hash.js b/src/hash.js
index 37bf9ddb..03395542 100644
--- a/src/hash.js
+++ b/src/hash.js
@@ -12,7 +12,7 @@ export default function hash(text: string): string {
   let index = text.length - 1;
 
   while (index) {
-    hashValue = hashValue * 33 ^ text.charCodeAt(index);
+    hashValue = (hashValue * 33) ^ text.charCodeAt(index);
     index -= 1;
   }
 
diff --git a/src/keyframes.js b/src/keyframes.js
index 4a8f8c8a..f9f5e962 100644
--- a/src/keyframes.js
+++ b/src/keyframes.js
@@ -19,12 +19,13 @@ export default function keyframes(
       const keyframesPrefixed = getPrefixedKeyframes(userAgent);
       const rules = Object.keys(keyframeRules)
         .map(percentage =>
-          cssRuleSetToString(percentage, keyframeRules[percentage], userAgent))
+          cssRuleSetToString(percentage, keyframeRules[percentage], userAgent)
+        )
         .join('\n');
-      const animationName = (name ? name + '-' : '') +
-        'radium-animation-' +
-        hash(rules);
-      const css = '@' +
+      const animationName =
+        (name ? name + '-' : '') + 'radium-animation-' + hash(rules);
+      const css =
+        '@' +
         keyframesPrefixed +
         ' ' +
         animationName +
diff --git a/src/map-object.js b/src/map-object.js
index 19de3ce1..43a22d9b 100644
--- a/src/map-object.js
+++ b/src/map-object.js
@@ -4,11 +4,8 @@ export default function mapObject<TValue, TNext>(
   object: {[key: string]: TValue},
   mapper: (value: TValue, key: string) => TNext
 ): {[key: string]: TNext} {
-  return Object.keys(object).reduce(
-    (result, key) => {
-      result[key] = mapper(object[key], key);
-      return result;
-    },
-    {}
-  );
+  return Object.keys(object).reduce((result, key) => {
+    result[key] = mapper(object[key], key);
+    return result;
+  }, {});
 }
diff --git a/src/merge-styles.js b/src/merge-styles.js
index af121cdd..077d9f95 100644
--- a/src/merge-styles.js
+++ b/src/merge-styles.js
@@ -1,9 +1,11 @@
 export function isNestedStyle(value) {
   // Don't merge objects overriding toString, since they should be converted
   // to string values.
-  return value &&
+  return (
+    value &&
     value.constructor === Object &&
-    value.toString === Object.prototype.toString;
+    value.toString === Object.prototype.toString
+  );
 }
 
 // Merge style objects. Deep merge plain object values.
diff --git a/src/plugins/index.js b/src/plugins/index.js
index ed892edc..beecb385 100644
--- a/src/plugins/index.js
+++ b/src/plugins/index.js
@@ -8,8 +8,7 @@ import keyframesPlugin from './keyframes-plugin';
 import mergeStyleArrayPlugin from './merge-style-array-plugin';
 import prefixPlugin from './prefix-plugin';
 import removeNestedStylesPlugin from './remove-nested-styles-plugin';
-import resolveInteractionStylesPlugin
-  from './resolve-interaction-styles-plugin';
+import resolveInteractionStylesPlugin from './resolve-interaction-styles-plugin';
 import resolveMediaQueriesPlugin from './resolve-media-queries-plugin';
 import visitedPlugin from './visited-plugin';
 
diff --git a/src/plugins/keyframes-plugin.js b/src/plugins/keyframes-plugin.js
index d18b7817..702868fa 100644
--- a/src/plugins/keyframes-plugin.js
+++ b/src/plugins/keyframes-plugin.js
@@ -13,27 +13,24 @@ export default function keyframesPlugin(
     return animationName;
   };
 
-  const newStyle = Object.keys(style).reduce(
-    (newStyleInProgress, key) => {
-      let value = style[key];
-      const isKeyframeArray = Array.isArray(value);
+  const newStyle = Object.keys(style).reduce((newStyleInProgress, key) => {
+    let value = style[key];
+    const isKeyframeArray = Array.isArray(value);
 
-      if (
-        key === 'animationName' &&
-        value &&
-        (value.__radiumKeyframes || isKeyframeArray)
-      ) {
-        if (isKeyframeArray) {
-          value = value.map(processKeyframeStyle).join(', ');
-        } else {
-          value = processKeyframeStyle(value);
-        }
+    if (
+      key === 'animationName' &&
+      value &&
+      (value.__radiumKeyframes || isKeyframeArray)
+    ) {
+      if (isKeyframeArray) {
+        value = value.map(processKeyframeStyle).join(', ');
+      } else {
+        value = processKeyframeStyle(value);
       }
+    }
 
-      newStyleInProgress[key] = value;
-      return newStyleInProgress;
-    },
-    {}
-  );
+    newStyleInProgress[key] = value;
+    return newStyleInProgress;
+  }, {});
   return {style: newStyle};
 }
diff --git a/src/plugins/merge-style-array-plugin.js b/src/plugins/merge-style-array-plugin.js
index 998267d2..273cfe4c 100644
--- a/src/plugins/merge-style-array-plugin.js
+++ b/src/plugins/merge-style-array-plugin.js
@@ -4,12 +4,10 @@ import type {PluginConfig, PluginResult} from './index';
 
 // Convenient syntax for multiple styles: `style={[style1, style2, etc]}`
 // Ignores non-objects, so you can do `this.state.isCool && styles.cool`.
-const mergeStyleArrayPlugin = function(
-  {
-    style,
-    mergeStyles
-  }: PluginConfig
-): PluginResult {
+const mergeStyleArrayPlugin = function({
+  style,
+  mergeStyles
+}: PluginConfig): PluginResult {
   // eslint-disable-line no-shadow
   const newStyle = Array.isArray(style) ? mergeStyles(style) : style;
   return {style: newStyle};
diff --git a/src/plugins/remove-nested-styles-plugin.js b/src/plugins/remove-nested-styles-plugin.js
index 151bd498..2e85ad0c 100644
--- a/src/plugins/remove-nested-styles-plugin.js
+++ b/src/plugins/remove-nested-styles-plugin.js
@@ -2,23 +2,18 @@
 
 import type {PluginConfig, PluginResult} from './index';
 
-export default function removeNestedStyles(
-  {
-    isNestedStyle,
-    style
-  }: PluginConfig
-): PluginResult {
+export default function removeNestedStyles({
+  isNestedStyle,
+  style
+}: PluginConfig): PluginResult {
   // eslint-disable-line no-shadow
-  const newStyle = Object.keys(style).reduce(
-    (newStyleInProgress, key) => {
-      const value = style[key];
-      if (!isNestedStyle(value)) {
-        newStyleInProgress[key] = value;
-      }
-      return newStyleInProgress;
-    },
-    {}
-  );
+  const newStyle = Object.keys(style).reduce((newStyleInProgress, key) => {
+    const value = style[key];
+    if (!isNestedStyle(value)) {
+      newStyleInProgress[key] = value;
+    }
+    return newStyleInProgress;
+  }, {});
 
   return {
     style: newStyle
diff --git a/src/plugins/resolve-interaction-styles-plugin.js b/src/plugins/resolve-interaction-styles-plugin.js
index cb92a69b..cc871d35 100644
--- a/src/plugins/resolve-interaction-styles-plugin.js
+++ b/src/plugins/resolve-interaction-styles-plugin.js
@@ -5,9 +5,11 @@ import type {PluginConfig, PluginResult} from './index';
 import MouseUpListener from './mouse-up-listener';
 
 const _isInteractiveStyleField = function(styleFieldName) {
-  return styleFieldName === ':hover' ||
+  return (
+    styleFieldName === ':hover' ||
     styleFieldName === ':active' ||
-    styleFieldName === ':focus';
+    styleFieldName === ':focus'
+  );
 };
 
 const resolveInteractionStyles = function(config: PluginConfig): PluginResult {
@@ -88,13 +90,13 @@ const resolveInteractionStyles = function(config: PluginConfig): PluginResult {
   ) {
     newComponentFields._radiumMouseUpListener = MouseUpListener.subscribe(
       () => {
-        Object.keys(
-          getComponentField('state')._radiumStyleState
-        ).forEach(key => {
-          if (getState(':active', key) === 'viamousedown') {
-            setState(':active', false, key);
+        Object.keys(getComponentField('state')._radiumStyleState).forEach(
+          key => {
+            if (getState(':active', key) === 'viamousedown') {
+              setState(':active', false, key);
+            }
           }
-        });
+        );
       }
     );
   }
@@ -109,15 +111,12 @@ const resolveInteractionStyles = function(config: PluginConfig): PluginResult {
   let newStyle = mergeStyles([style].concat(interactionStyles));
 
   // Remove interactive styles
-  newStyle = Object.keys(newStyle).reduce(
-    (styleWithoutInteractions, name) => {
-      if (!_isInteractiveStyleField(name) && name !== ':disabled') {
-        styleWithoutInteractions[name] = newStyle[name];
-      }
-      return styleWithoutInteractions;
-    },
-    {}
-  );
+  newStyle = Object.keys(newStyle).reduce((styleWithoutInteractions, name) => {
+    if (!_isInteractiveStyleField(name) && name !== ':disabled') {
+      styleWithoutInteractions[name] = newStyle[name];
+    }
+    return styleWithoutInteractions;
+  }, {});
 
   return {
     componentFields: newComponentFields,
diff --git a/src/plugins/resolve-media-queries-plugin.js b/src/plugins/resolve-media-queries-plugin.js
index 1a03ab31..9b01f3c7 100644
--- a/src/plugins/resolve-media-queries-plugin.js
+++ b/src/plugins/resolve-media-queries-plugin.js
@@ -6,10 +6,11 @@ import type {PluginConfig, PluginResult} from './index';
 let _windowMatchMedia;
 function _getWindowMatchMedia(ExecutionEnvironment) {
   if (_windowMatchMedia === undefined) {
-    _windowMatchMedia = (!!ExecutionEnvironment.canUseDOM &&
-      !!window &&
-      !!window.matchMedia &&
-      (mediaQueryString => window.matchMedia(mediaQueryString))) ||
+    _windowMatchMedia =
+      (!!ExecutionEnvironment.canUseDOM &&
+        !!window &&
+        !!window.matchMedia &&
+        (mediaQueryString => window.matchMedia(mediaQueryString))) ||
       null;
   }
   return _windowMatchMedia;
@@ -19,75 +20,69 @@ function _filterObject(
   obj: Object,
   predicate: (value: any, key: string) => boolean
 ): Object {
-  return Object.keys(obj).filter(key => predicate(obj[key], key)).reduce((
-    result,
-    key
-  ) => {
-    result[key] = obj[key];
-    return result;
-  }, {});
+  return Object.keys(obj)
+    .filter(key => predicate(obj[key], key))
+    .reduce((result, key) => {
+      result[key] = obj[key];
+      return result;
+    }, {});
 }
 
 function _removeMediaQueries(style) {
-  return Object.keys(style).reduce(
-    (styleWithoutMedia, key) => {
-      if (key.indexOf('@media') !== 0) {
-        styleWithoutMedia[key] = style[key];
-      }
-      return styleWithoutMedia;
-    },
-    {}
-  );
+  return Object.keys(style).reduce((styleWithoutMedia, key) => {
+    if (key.indexOf('@media') !== 0) {
+      styleWithoutMedia[key] = style[key];
+    }
+    return styleWithoutMedia;
+  }, {});
 }
 
-function _topLevelRulesToCSS(
-  {
-    addCSS,
-    appendImportantToEachValue,
-    cssRuleSetToString,
-    hash,
-    isNestedStyle,
-    style,
-    userAgent
-  }
-) {
+function _topLevelRulesToCSS({
+  addCSS,
+  appendImportantToEachValue,
+  cssRuleSetToString,
+  hash,
+  isNestedStyle,
+  style,
+  userAgent
+}) {
   let className = '';
-  Object.keys(style).filter(name => name.indexOf('@media') === 0).map(query => {
-    const topLevelRules = appendImportantToEachValue(
-      _filterObject(style[query], value => !isNestedStyle(value))
-    );
-
-    if (!Object.keys(topLevelRules).length) {
-      return;
-    }
+  Object.keys(style)
+    .filter(name => name.indexOf('@media') === 0)
+    .map(query => {
+      const topLevelRules = appendImportantToEachValue(
+        _filterObject(style[query], value => !isNestedStyle(value))
+      );
+
+      if (!Object.keys(topLevelRules).length) {
+        return;
+      }
 
-    const ruleCSS = cssRuleSetToString('', topLevelRules, userAgent);
+      const ruleCSS = cssRuleSetToString('', topLevelRules, userAgent);
 
-    // CSS classes cannot start with a number
-    const mediaQueryClassName = 'rmq-' + hash(query + ruleCSS);
-    const css = query + '{ .' + mediaQueryClassName + ruleCSS + '}';
+      // CSS classes cannot start with a number
+      const mediaQueryClassName = 'rmq-' + hash(query + ruleCSS);
+      const css = query + '{ .' + mediaQueryClassName + ruleCSS + '}';
 
-    addCSS(css);
+      addCSS(css);
 
-    className += (className ? ' ' : '') + mediaQueryClassName;
-  });
+      className += (className ? ' ' : '') + mediaQueryClassName;
+    });
   return className;
 }
 
-function _subscribeToMediaQuery(
-  {
-    listener,
-    listenersByQuery,
-    matchMedia,
-    mediaQueryListsByQuery,
-    query
-  }
-) {
+function _subscribeToMediaQuery({
+  listener,
+  listenersByQuery,
+  matchMedia,
+  mediaQueryListsByQuery,
+  query
+}) {
   query = query.replace('@media ', '');
 
   let mql = mediaQueryListsByQuery[query];
   if (!mql && matchMedia) {
-    mediaQueryListsByQuery[query] = (mql = matchMedia(query));
+    mediaQueryListsByQuery[query] = mql = matchMedia(query);
   }
 
   if (!listenersByQuery || !listenersByQuery[query]) {
@@ -102,23 +97,21 @@ function _subscribeToMediaQuery(
   return mql;
 }
 
-export default function resolveMediaQueries(
-  {
-    ExecutionEnvironment,
-    addCSS,
-    appendImportantToEachValue,
-    config,
-    cssRuleSetToString,
-    getComponentField,
-    getGlobalState,
-    hash,
-    isNestedStyle,
-    mergeStyles,
-    props,
-    setState,
-    style
-  }: PluginConfig
-): PluginResult {
+export default function resolveMediaQueries({
+  ExecutionEnvironment,
+  addCSS,
+  appendImportantToEachValue,
+  config,
+  cssRuleSetToString,
+  getComponentField,
+  getGlobalState,
+  hash,
+  isNestedStyle,
+  mergeStyles,
+  props,
+  setState,
+  style
+}: PluginConfig): PluginResult {
   // eslint-disable-line no-shadow
   let newStyle = _removeMediaQueries(style);
   const mediaQueryClassNames = _topLevelRulesToCSS({
@@ -133,13 +126,13 @@ export default function resolveMediaQueries(
 
   const newProps = mediaQueryClassNames
     ? {
-        className: mediaQueryClassNames +
-          (props.className ? ' ' + props.className : '')
+        className:
+          mediaQueryClassNames + (props.className ? ' ' + props.className : '')
       }
     : null;
 
-  const matchMedia: ?MatchMediaType = config.matchMedia ||
-    _getWindowMatchMedia(ExecutionEnvironment);
+  const matchMedia: ?MatchMediaType =
+    config.matchMedia || _getWindowMatchMedia(ExecutionEnvironment);
 
   if (!matchMedia) {
     return {
@@ -153,27 +146,29 @@ export default function resolveMediaQueries(
   };
   const mediaQueryListsByQuery = getGlobalState('mediaQueryListsByQuery') || {};
 
-  Object.keys(style).filter(name => name.indexOf('@media') === 0).map(query => {
-    const nestedRules = _filterObject(style[query], isNestedStyle);
+  Object.keys(style)
+    .filter(name => name.indexOf('@media') === 0)
+    .map(query => {
+      const nestedRules = _filterObject(style[query], isNestedStyle);
 
-    if (!Object.keys(nestedRules).length) {
-      return;
-    }
+      if (!Object.keys(nestedRules).length) {
+        return;
+      }
 
-    const mql = _subscribeToMediaQuery({
-      listener: () => setState(query, mql.matches, '_all'),
-      listenersByQuery,
-      matchMedia,
-      mediaQueryListsByQuery,
-      query
+      const mql = _subscribeToMediaQuery({
+        listener: () => setState(query, mql.matches, '_all'),
+        listenersByQuery,
+        matchMedia,
+        mediaQueryListsByQuery,
+        query
+      });
+
+      // Apply media query states
+      if (mql.matches) {
+        newStyle = mergeStyles([newStyle, nestedRules]);
+      }
     });
 
-    // Apply media query states
-    if (mql.matches) {
-      newStyle = mergeStyles([newStyle, nestedRules]);
-    }
-  });
-
   return {
     componentFields: {
       _radiumMediaQueryListenersByQuery: listenersByQuery
diff --git a/src/plugins/visited-plugin.js b/src/plugins/visited-plugin.js
index 7677c477..8f5fc08d 100644
--- a/src/plugins/visited-plugin.js
+++ b/src/plugins/visited-plugin.js
@@ -2,39 +2,34 @@
 
 import type {PluginConfig, PluginResult} from './index';
 
-export default function visited(
-  {
-    addCSS,
-    appendImportantToEachValue,
-    config,
-    cssRuleSetToString,
-    hash,
-    props,
-    style
-  }: PluginConfig
-): PluginResult {
+export default function visited({
+  addCSS,
+  appendImportantToEachValue,
+  config,
+  cssRuleSetToString,
+  hash,
+  props,
+  style
+}: PluginConfig): PluginResult {
   // eslint-disable-line no-shadow
   let className = props.className;
 
-  const newStyle = Object.keys(style).reduce(
-    (newStyleInProgress, key) => {
-      let value = style[key];
-      if (key === ':visited') {
-        value = appendImportantToEachValue(value);
-        const ruleCSS = cssRuleSetToString('', value, config.userAgent);
-        const visitedClassName = 'rad-' + hash(ruleCSS);
-        const css = '.' + visitedClassName + ':visited' + ruleCSS;
+  const newStyle = Object.keys(style).reduce((newStyleInProgress, key) => {
+    let value = style[key];
+    if (key === ':visited') {
+      value = appendImportantToEachValue(value);
+      const ruleCSS = cssRuleSetToString('', value, config.userAgent);
+      const visitedClassName = 'rad-' + hash(ruleCSS);
+      const css = '.' + visitedClassName + ':visited' + ruleCSS;
 
-        addCSS(css);
-        className = (className ? className + ' ' : '') + visitedClassName;
-      } else {
-        newStyleInProgress[key] = value;
-      }
+      addCSS(css);
+      className = (className ? className + ' ' : '') + visitedClassName;
+    } else {
+      newStyleInProgress[key] = value;
+    }
 
-      return newStyleInProgress;
-    },
-    {}
-  );
+    return newStyleInProgress;
+  }, {});
 
   return {
     props: className === props.className ? null : {className},
diff --git a/src/prefixer.js b/src/prefixer.js
index 82b8fcad..279e85d5 100644
--- a/src/prefixer.js
+++ b/src/prefixer.js
@@ -6,8 +6,7 @@
  */
 
 import createStaticPrefixer from 'inline-style-prefixer/static/createPrefixer';
-import createDynamicPrefixer
-  from 'inline-style-prefixer/dynamic/createPrefixer';
+import createDynamicPrefixer from 'inline-style-prefixer/dynamic/createPrefixer';
 import ExecutionEnvironment from 'exenv';
 
 import staticData from './prefix-data/static';
@@ -19,24 +18,21 @@ const prefixAll: (style: Object) => Object = createStaticPrefixer(staticData);
 const InlineStylePrefixer = createDynamicPrefixer(dynamicData, prefixAll);
 
 function transformValues(style) {
-  return Object.keys(style).reduce(
-    (newStyle, key) => {
-      let value = style[key];
-      if (Array.isArray(value)) {
-        value = value.join(';' + key + ':');
-      } else if (
-        value &&
-        typeof value === 'object' &&
-        typeof value.toString === 'function'
-      ) {
-        value = value.toString();
-      }
+  return Object.keys(style).reduce((newStyle, key) => {
+    let value = style[key];
+    if (Array.isArray(value)) {
+      value = value.join(';' + key + ':');
+    } else if (
+      value &&
+      typeof value === 'object' &&
+      typeof value.toString === 'function'
+    ) {
+      value = value.toString();
+    }
 
-      newStyle[key] = value;
-      return newStyle;
-    },
-    {}
-  );
+    newStyle[key] = value;
+    return newStyle;
+  }, {});
 }
 
 // Flatten prefixed values that are arrays to strings.
@@ -52,36 +48,33 @@ function transformValues(style) {
 //
 // https://github.com/FormidableLabs/radium/issues/958
 function flattenStyleValues(style) {
-  return Object.keys(style).reduce(
-    (newStyle, key) => {
-      let val = style[key];
-      if (Array.isArray(val)) {
-        if (ExecutionEnvironment.canUseDOM) {
-          // For the **browser**, when faced with multiple values, we just take
-          // the **last** one, which is the original passed in value before
-          // prefixing. This _should_ work, because `inline-style-prefixer`
-          // we're just passing through what would happen without ISP.
-
-          val = val[val.length - 1].toString();
-        } else {
-          // For the **server**, we just concatenate things together and convert
-          // the style object values into a hacked-up string of like `display:
-          // "-webkit-flex;display:flex"` that will SSR render correctly to like
-          // `"display:-webkit-flex;display:flex"` but would otherwise be
-          // totally invalid values.
-
-          // We convert keys to dash-case only for the serialize values and
-          // leave the real key camel-cased so it's as expected to React and
-          // other parts of the processing chain.
-          val = val.join(`;${camelCaseToDashCase(key)}:`);
-        }
+  return Object.keys(style).reduce((newStyle, key) => {
+    let val = style[key];
+    if (Array.isArray(val)) {
+      if (ExecutionEnvironment.canUseDOM) {
+        // For the **browser**, when faced with multiple values, we just take
+        // the **last** one, which is the original passed in value before
+        // prefixing. This _should_ work, because `inline-style-prefixer`
+        // we're just passing through what would happen without ISP.
+
+        val = val[val.length - 1].toString();
+      } else {
+        // For the **server**, we just concatenate things together and convert
+        // the style object values into a hacked-up string of like `display:
+        // "-webkit-flex;display:flex"` that will SSR render correctly to like
+        // `"display:-webkit-flex;display:flex"` but would otherwise be
+        // totally invalid values.
+
+        // We convert keys to dash-case only for the serialize values and
+        // leave the real key camel-cased so it's as expected to React and
+        // other parts of the processing chain.
+        val = val.join(`;${camelCaseToDashCase(key)}:`);
       }
+    }
 
-      newStyle[key] = val;
-      return newStyle;
-    },
-    {}
-  );
+    newStyle[key] = val;
+    return newStyle;
+  }, {});
 }
 
 let _hasWarnedAboutUserAgent = false;
@@ -94,8 +87,8 @@ function getPrefixer(
   +prefix: (style: Object) => Object,
   prefixedKeyframes: string
 } {
-  const actualUserAgent = userAgent ||
-    (global && global.navigator && global.navigator.userAgent);
+  const actualUserAgent =
+    userAgent || (global && global.navigator && global.navigator.userAgent);
 
   if (process.env.NODE_ENV !== 'production') {
     if (!actualUserAgent && !_hasWarnedAboutUserAgent) {
diff --git a/src/resolve-styles.js b/src/resolve-styles.js
index 4f2e186a..ccadbf7d 100644
--- a/src/resolve-styles.js
+++ b/src/resolve-styles.js
@@ -51,15 +51,13 @@ const _shouldResolveStyles = function(component) {
   return component.type && !component.type._isRadiumEnhanced;
 };
 
-const _resolveChildren = function(
-  {
-    children,
-    component,
-    config,
-    existingKeyMap,
-    extraStateKeyMap
-  }
-) {
+const _resolveChildren = function({
+  children,
+  component,
+  config,
+  existingKeyMap,
+  extraStateKeyMap
+}) {
   if (!children) {
     return children;
   }
@@ -131,15 +129,13 @@ const _resolveChildren = function(
 };
 
 // Recurse over props, just like children
-const _resolveProps = function(
-  {
-    component,
-    config,
-    existingKeyMap,
-    props,
-    extraStateKeyMap
-  }
-) {
+const _resolveProps = function({
+  component,
+  config,
+  existingKeyMap,
+  props,
+  extraStateKeyMap
+}) {
   let newProps = props;
 
   Object.keys(props).forEach(prop => {
@@ -168,13 +164,11 @@ const _resolveProps = function(
   return newProps;
 };
 
-const _buildGetKey = function(
-  {
-    componentName,
-    existingKeyMap,
-    renderedElement
-  }
-) {
+const _buildGetKey = function({
+  componentName,
+  existingKeyMap,
+  renderedElement
+}) {
   // We need a unique key to correlate state changes due to user interaction
   // with the rendered element, so we know to apply the proper interactive
   // styles.
@@ -194,7 +188,8 @@ const _buildGetKey = function(
       if (typeof renderedElement.type === 'string') {
         elementName = renderedElement.type;
       } else if (renderedElement.type.constructor) {
-        elementName = renderedElement.type.constructor.displayName ||
+        elementName =
+          renderedElement.type.constructor.displayName ||
           renderedElement.type.constructor.name;
       }
 
@@ -235,15 +230,13 @@ const _setStyleState = function(component, key, stateKey, value) {
   component.setState(state);
 };
 
-const _runPlugins = function(
-  {
-    component,
-    config,
-    existingKeyMap,
-    props,
-    renderedElement
-  }
-) {
+const _runPlugins = function({
+  component,
+  config,
+  existingKeyMap,
+  props,
+  renderedElement
+}) {
   // Don't run plugins if renderedElement is not a simple ReactDOMElement or has
   // no style.
   if (
@@ -258,8 +251,8 @@ const _runPlugins = function(
 
   const plugins = config.plugins || DEFAULT_CONFIG.plugins;
 
-  const componentName = component.constructor.displayName ||
-    component.constructor.name;
+  const componentName =
+    component.constructor.displayName || component.constructor.name;
   const getKey = _buildGetKey({
     renderedElement,
     existingKeyMap,
@@ -273,8 +266,8 @@ const _runPlugins = function(
     _setStyleState(component, elementKey || getKey(), stateKey, value);
 
   const addCSS = css => {
-    const styleKeeper = component._radiumStyleKeeper ||
-      component.context._radiumStyleKeeper;
+    const styleKeeper =
+      component._radiumStyleKeeper || component.context._radiumStyleKeeper;
     if (!styleKeeper) {
       if (__isTestModeEnabled) {
         return {remove() {}};
@@ -295,29 +288,31 @@ const _runPlugins = function(
   let newStyle = props.style;
 
   plugins.forEach(plugin => {
-    const result = plugin({
-      ExecutionEnvironment,
-      addCSS,
-      appendImportantToEachValue,
-      componentName,
-      config,
-      cssRuleSetToString,
-      getComponentField,
-      getGlobalState,
-      getState: componentGetState,
-      hash,
-      mergeStyles,
-      props: newProps,
-      setState,
-      isNestedStyle,
-      style: newStyle
-    }) || {};
+    const result =
+      plugin({
+        ExecutionEnvironment,
+        addCSS,
+        appendImportantToEachValue,
+        componentName,
+        config,
+        cssRuleSetToString,
+        getComponentField,
+        getGlobalState,
+        getState: componentGetState,
+        hash,
+        mergeStyles,
+        props: newProps,
+        setState,
+        isNestedStyle,
+        style: newStyle
+      }) || {};
 
     newStyle = result.style || newStyle;
 
-    newProps = result.props && Object.keys(result.props).length
-      ? {...newProps, ...result.props}
-      : newProps;
+    newProps =
+      result.props && Object.keys(result.props).length
+        ? {...newProps, ...result.props}
+        : newProps;
 
     const newComponentFields = result.componentFields || {};
     Object.keys(newComponentFields).forEach(fieldName => {
@@ -370,19 +365,16 @@ resolveStyles = function(
   // have a style state).
   if (!extraStateKeyMap) {
     const state = getRadiumStyleState(component);
-    extraStateKeyMap = Object.keys(state).reduce(
-      (acc, key) => {
-        // 'main' is the auto-generated key when there is only one element with
-        // interactive styles and if a custom key is not assigned. Because of
-        // this, it is impossible to know which child is 'main', so we won't
-        // count this key when generating our extraStateKeyMap.
-        if (key !== 'main') {
-          acc[key] = true;
-        }
-        return acc;
-      },
-      {}
-    );
+    extraStateKeyMap = Object.keys(state).reduce((acc, key) => {
+      // 'main' is the auto-generated key when there is only one element with
+      // interactive styles and if a custom key is not assigned. Because of
+      // this, it is impossible to know which child is 'main', so we won't
+      // count this key when generating our extraStateKeyMap.
+      if (key !== 'main') {
+        acc[key] = true;
+      }
+      return acc;
+    }, {});
   }
 
   if (Array.isArray(renderedElement) && !renderedElement.props) {
diff --git a/src/test-helpers.js b/src/test-helpers.js
index 7cff40ac..fe6eeaea 100644
--- a/src/test-helpers.js
+++ b/src/test-helpers.js
@@ -17,10 +17,9 @@ export function getElement(output, tagName) {
 }
 
 export function getElements(output, tagName) {
-  return TestUtils.scryRenderedDOMComponentsWithTag(
-    output,
-    tagName
-  ).map(component => ReactDOM.findDOMNode(component));
+  return TestUtils.scryRenderedDOMComponentsWithTag(output, tagName).map(
+    component => ReactDOM.findDOMNode(component)
+  );
 }
 
 function cleanCSS(css) {
diff --git a/test/enhancer-test.js b/test/enhancer-test.js
index 14b4f43d..2917b120 100644
--- a/test/enhancer-test.js
+++ b/test/enhancer-test.js
@@ -12,8 +12,8 @@ const assertValidEnhancedComponent = Composed => {
   const rendered = render(Enhanced);
 
   expect(render(Composed)).to.not.equal(rendered);
-  expect(rendered).to
-    .contain('data-radium="true"')
+  expect(rendered)
+    .to.contain('data-radium="true"')
     .and.to.contain('style="background:red;color:white"');
 };
 
diff --git a/test/radium-test.js b/test/radium-test.js
index faeafcd1..b13940d4 100644
--- a/test/radium-test.js
+++ b/test/radium-test.js
@@ -52,7 +52,8 @@ describe('Radium blackbox SSR tests', () => {
 
     it('handles matching user agent', () => {
       const rendered = render(Wrapped, {
-        userAgent: 'Mozilla/5.0 (iPad; CPU OS 8_0_0 like Mac OS X) AppleWebKit/600.1.4' +
+        userAgent:
+          'Mozilla/5.0 (iPad; CPU OS 8_0_0 like Mac OS X) AppleWebKit/600.1.4' +
           ' (KHTML, like Gecko) CriOS/47.0.2526.107 Mobile/12H321 Safari/600.1.4'
       });
       expect(rendered).to.contain('style="display:-webkit-flex"');
@@ -115,7 +116,8 @@ describe('Radium blackbox SSR tests', () => {
     it('handles matching user agent', () => {
       const rendered = render(
         getComponent({
-          userAgent: 'Mozilla/5.0 (iPad; CPU OS 8_0_0 like Mac OS X) AppleWebKit/600.1.4' +
+          userAgent:
+            'Mozilla/5.0 (iPad; CPU OS 8_0_0 like Mac OS X) AppleWebKit/600.1.4' +
             ' (KHTML, like Gecko) CriOS/47.0.2526.107 Mobile/12H321 Safari/600.1.4'
         })
       );