code cleanup

Author: joeshub

09-stylable/button/webpack.config.js

@@ -23,7 +23,7 @@ module.exports = {
     new HtmlWebpackPlugin({ inject: true, template: '../../templates/server.ejs' }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin(),
-    new StylablePlugin({ injectBundleCss: true })
+    new StylablePlugin({ injectBundleCss: true, nsDelimiter: '_' })
   ],
   module: {
     rules: [

10-glamor/button/Button.js

@@ -33,9 +33,9 @@ export class Button extends Component {
       transition: 'background-color 300ms',
       transform: 'translateZ(0)',
       backfaceVisibility: 'visible',
-      backgroundColor: `${depressed ? bgDepressed : bgColor}`,
+      backgroundColor: depressed ? bgDepressed : bgColor,
       ':hover': {
-        backgroundColor: `${depressed ? bgDepressed : bgHover}`
+        backgroundColor: depressed ? bgDepressed : bgHover
       }
     })