diff --git a/__tests__/defineClass.test.js b/__tests__/defineClass.test.js
index 004464a67..772e4499d 100644
--- a/__tests__/defineClass.test.js
+++ b/__tests__/defineClass.test.js
@@ -16,7 +16,7 @@ it('does not modify the case of selector names', () => {
 
 it('does not modify the case of property names', () => {
   let output = defineClass('smooth', {
-    '-webkit-font-smoothing': 'antialiased'
+    '-webkit-font-smoothing': 'antialiased',
   })
   expect(c(output.toString())).toEqual(
     `.smooth { -webkit-font-smoothing: antialiased }`
diff --git a/__tests__/defineClasses.test.js b/__tests__/defineClasses.test.js
index 40cd5ff7e..9bb12f892 100644
--- a/__tests__/defineClasses.test.js
+++ b/__tests__/defineClasses.test.js
@@ -7,11 +7,11 @@ import defineClasses from '../src/util/defineClasses'
 it('it generates a set of helper classes from a config', () => {
   let output = defineClasses({
     flex: {
-      display: 'flex'
+      display: 'flex',
     },
     'inline-flex': {
-      display: 'inline-flex'
-    }
+      display: 'inline-flex',
+    },
   })
   expect(output).toBeInstanceOf(Array)
   expect(c(output[0].toString())).toEqual(`.flex { display: flex }`)
diff --git a/src/build.js b/src/build.js
index fc123e3c8..47ac46069 100644
--- a/src/build.js
+++ b/src/build.js
@@ -14,7 +14,7 @@ function buildDistFile(filename) {
         .process(css, {
           from: `./css/${filename}.css`,
           to: `./dist/${filename}.css`,
-          map: { inline: false }
+          map: { inline: false },
         })
         .then(result => {
           fs.writeFileSync(`./dist/${filename}.css`, result.css)
@@ -41,7 +41,7 @@ console.info('Building Tailwind!')
 Promise.all([
   buildDistFile('preflight'),
   buildDistFile('utilities'),
-  buildDistFile('tailwind')
+  buildDistFile('tailwind'),
 ]).then(() => {
   console.log('Finished Building Tailwind!')
 })
diff --git a/src/cli.js b/src/cli.js
index 0849908fe..4d511ad95 100755
--- a/src/cli.js
+++ b/src/cli.js
@@ -56,7 +56,7 @@ program
   .action((filename = 'tailwind.js') => {
     let destination = path.resolve(filename)
 
-    if (! path.extname(filename).includes('.js')) {
+    if (!path.extname(filename).includes('.js')) {
       destination += '.js'
     }
 
@@ -100,7 +100,7 @@ program
 
 program
   .command('*', null, {
-    noHelp: true
+    noHelp: true,
   })
   .action(() => {
     program.help()
diff --git a/src/generators/backgroundColors.js b/src/generators/backgroundColors.js
index 689fc5b81..9e8cef23c 100644
--- a/src/generators/backgroundColors.js
+++ b/src/generators/backgroundColors.js
@@ -6,7 +6,7 @@ export default function({ backgroundColors }) {
   return hoverable(
     _.map(backgroundColors, (color, className) => {
       return defineClass(`bg-${className}`, {
-        'background-color': color
+        'background-color': color,
       })
     })
   )
diff --git a/src/generators/backgroundPositions.js b/src/generators/backgroundPositions.js
index 78fb2a1a8..1a1f9b93a 100644
--- a/src/generators/backgroundPositions.js
+++ b/src/generators/backgroundPositions.js
@@ -10,6 +10,6 @@ export default function() {
     'bg-right': { 'background-position': 'right' },
     'bg-right-bottom': { 'background-position': 'right bottom' },
     'bg-right-top': { 'background-position': 'right top' },
-    'bg-top': { 'background-position': 'top' }
+    'bg-top': { 'background-position': 'top' },
   })
 }
diff --git a/src/generators/backgroundSize.js b/src/generators/backgroundSize.js
index c4907797c..5e22666e7 100644
--- a/src/generators/backgroundSize.js
+++ b/src/generators/backgroundSize.js
@@ -3,10 +3,10 @@ import defineClasses from '../util/defineClasses'
 export default function() {
   return defineClasses({
     'bg-cover': {
-      'background-size': 'cover'
+      'background-size': 'cover',
     },
     'bg-contain': {
-      'background-size': 'contain'
-    }
+      'background-size': 'contain',
+    },
   })
 }
diff --git a/src/generators/borderColors.js b/src/generators/borderColors.js
index 1f51db77c..5f1d72b98 100644
--- a/src/generators/borderColors.js
+++ b/src/generators/borderColors.js
@@ -6,7 +6,7 @@ export default function({ borderColors }) {
   return hoverable(
     _.map(_.omit(borderColors, 'default'), (color, className) => {
       return defineClass(`border-${className}`, {
-        'border-color': color
+        'border-color': color,
       })
     })
   )
diff --git a/src/generators/borderStyles.js b/src/generators/borderStyles.js
index 4eac1b8a1..8151a1bb5 100644
--- a/src/generators/borderStyles.js
+++ b/src/generators/borderStyles.js
@@ -3,13 +3,13 @@ import defineClasses from '../util/defineClasses'
 export default function() {
   return defineClasses({
     'border-dashed': {
-      'border-style': 'dashed'
+      'border-style': 'dashed',
     },
     'border-dotted': {
-      'border-style': 'dotted'
+      'border-style': 'dotted',
     },
     'border-none': {
-      'border-style': 'none'
-    }
+      'border-style': 'none',
+    },
   })
 }
diff --git a/src/generators/borderStylesReset.js b/src/generators/borderStylesReset.js
index 554192543..230dfc88c 100644
--- a/src/generators/borderStylesReset.js
+++ b/src/generators/borderStylesReset.js
@@ -3,10 +3,10 @@ import defineClasses from '../util/defineClasses'
 export default function() {
   return defineClasses({
     'border-dashed': {
-      'border-width': '0'
+      'border-width': '0',
     },
     'border-dotted': {
-      'border-width': '0'
-    }
+      'border-width': '0',
+    },
   })
 }
diff --git a/src/generators/borderWidths.js b/src/generators/borderWidths.js
index 2818ef769..90416b929 100644
--- a/src/generators/borderWidths.js
+++ b/src/generators/borderWidths.js
@@ -4,20 +4,20 @@ import defineClasses from '../util/defineClasses'
 function defaultBorder(width, color) {
   return defineClasses({
     border: {
-      border: `${width} solid ${color}`
+      border: `${width} solid ${color}`,
     },
     'border-t': {
-      'border-top': `${width} solid ${color}`
+      'border-top': `${width} solid ${color}`,
     },
     'border-r': {
-      'border-right': `${width} solid ${color}`
+      'border-right': `${width} solid ${color}`,
     },
     'border-b': {
-      'border-bottom': `${width} solid ${color}`
+      'border-bottom': `${width} solid ${color}`,
     },
     'border-l': {
-      'border-left': `${width} solid ${color}`
-    }
+      'border-left': `${width} solid ${color}`,
+    },
   })
 }
 
@@ -26,20 +26,20 @@ function sizedBorder(size, width, color) {
 
   return defineClasses({
     [`border-${size}`]: {
-      border: `${style}`
+      border: `${style}`,
     },
     [`border-t-${size}`]: {
-      'border-top': `${style}`
+      'border-top': `${style}`,
     },
     [`border-r-${size}`]: {
-      'border-right': `${style}`
+      'border-right': `${style}`,
     },
     [`border-b-${size}`]: {
-      'border-bottom': `${style}`
+      'border-bottom': `${style}`,
     },
     [`border-l-${size}`]: {
-      'border-left': `${style}`
-    }
+      'border-left': `${style}`,
+    },
   })
 }
 
@@ -50,6 +50,6 @@ module.exports = function({ borderWidths, borderColors }) {
     defaultBorder(borderWidths.default, color),
     ..._.map(_.omit(borderWidths, 'default'), (width, size) =>
       sizedBorder(size, width, color)
-    )
+    ),
   ])
 }
diff --git a/src/generators/container.js b/src/generators/container.js
index 64f9017b7..3742e2e61 100644
--- a/src/generators/container.js
+++ b/src/generators/container.js
@@ -30,11 +30,11 @@ export default function({ screens }) {
   const atRules = _.map(minWidths, minWidth => {
     const atRule = postcss.atRule({
       name: 'media',
-      params: `(min-width: ${minWidth})`
+      params: `(min-width: ${minWidth})`,
     })
     atRule.append(
       defineClass('container', {
-        'max-width': minWidth
+        'max-width': minWidth,
       })
     )
     return atRule
@@ -42,8 +42,8 @@ export default function({ screens }) {
 
   return [
     defineClass('container', {
-      width: '100%'
+      width: '100%',
     }),
-    ...atRules
+    ...atRules,
   ]
 }
diff --git a/src/generators/cursor.js b/src/generators/cursor.js
index 089f7bda9..c33bf7310 100644
--- a/src/generators/cursor.js
+++ b/src/generators/cursor.js
@@ -4,6 +4,6 @@ export default function() {
   return defineClasses({
     'cursor-auto': { cursor: 'auto' },
     'cursor-pointer': { cursor: 'pointer' },
-    'cursor-not-allowed': { cursor: 'not-allowed' }
+    'cursor-not-allowed': { cursor: 'not-allowed' },
   })
 }
diff --git a/src/generators/display.js b/src/generators/display.js
index 1154510e2..93f04f169 100644
--- a/src/generators/display.js
+++ b/src/generators/display.js
@@ -3,25 +3,25 @@ import defineClasses from '../util/defineClasses'
 export default function() {
   return defineClasses({
     block: {
-      display: 'block'
+      display: 'block',
     },
     'inline-block': {
-      display: 'inline-block'
+      display: 'inline-block',
     },
     inline: {
-      display: 'inline'
+      display: 'inline',
     },
     table: {
-      display: 'table'
+      display: 'table',
     },
     'table-row': {
-      display: 'table-row'
+      display: 'table-row',
     },
     'table-cell': {
-      display: 'table-cell'
+      display: 'table-cell',
     },
     hidden: {
-      display: 'none'
-    }
+      display: 'none',
+    },
   })
 }
diff --git a/src/generators/flex.js b/src/generators/flex.js
index 040982491..10e26c30d 100644
--- a/src/generators/flex.js
+++ b/src/generators/flex.js
@@ -3,115 +3,115 @@ import defineClasses from '../util/defineClasses'
 export default function() {
   return defineClasses({
     flex: {
-      display: 'flex'
+      display: 'flex',
     },
     'inline-flex': {
-      display: 'inline-flex'
+      display: 'inline-flex',
     },
     'flex-row': {
-      'flex-direction': 'row'
+      'flex-direction': 'row',
     },
     'flex-row-reverse': {
-      'flex-direction': 'row-reverse'
+      'flex-direction': 'row-reverse',
     },
     'flex-col': {
-      'flex-direction': 'column'
+      'flex-direction': 'column',
     },
     'flex-col-reverse': {
-      'flex-direction': 'column-reverse'
+      'flex-direction': 'column-reverse',
     },
     'flex-wrap': {
-      'flex-wrap': 'wrap'
+      'flex-wrap': 'wrap',
     },
     'flex-wrap-reverse': {
-      'flex-wrap': 'wrap-reverse'
+      'flex-wrap': 'wrap-reverse',
     },
     'flex-no-wrap': {
-      'flex-wrap': 'nowrap'
+      'flex-wrap': 'nowrap',
     },
     'items-start': {
-      'align-items': 'flex-start'
+      'align-items': 'flex-start',
     },
     'items-end': {
-      'align-items': 'flex-end'
+      'align-items': 'flex-end',
     },
     'items-center': {
-      'align-items': 'center'
+      'align-items': 'center',
     },
     'items-baseline': {
-      'align-items': 'baseline'
+      'align-items': 'baseline',
     },
     'items-stretch': {
-      'align-items': 'stretch'
+      'align-items': 'stretch',
     },
     'self-auto': {
-      'align-self': 'auto'
+      'align-self': 'auto',
     },
     'self-start': {
-      'align-self': 'flex-start'
+      'align-self': 'flex-start',
     },
     'self-end': {
-      'align-self': 'flex-end'
+      'align-self': 'flex-end',
     },
     'self-center': {
-      'align-self': 'center'
+      'align-self': 'center',
     },
     'self-stretch': {
-      'align-self': 'stretch'
+      'align-self': 'stretch',
     },
     'justify-start': {
-      'justify-content': 'flex-start'
+      'justify-content': 'flex-start',
     },
     'justify-end': {
-      'justify-content': 'flex-end'
+      'justify-content': 'flex-end',
     },
     'justify-center': {
-      'justify-content': 'center'
+      'justify-content': 'center',
     },
     'justify-between': {
-      'justify-content': 'space-between'
+      'justify-content': 'space-between',
     },
     'justify-around': {
-      'justify-content': 'space-around'
+      'justify-content': 'space-around',
     },
     'content-center': {
-      'align-content': 'center'
+      'align-content': 'center',
     },
     'content-start': {
-      'align-content': 'flex-start'
+      'align-content': 'flex-start',
     },
     'content-end': {
-      'align-content': 'flex-end'
+      'align-content': 'flex-end',
     },
     'content-between': {
-      'align-content': 'space-between'
+      'align-content': 'space-between',
     },
     'content-around': {
-      'align-content': 'space-around'
+      'align-content': 'space-around',
     },
     'flex-1': {
-      flex: '1'
+      flex: '1',
     },
     'flex-auto': {
-      flex: 'auto'
+      flex: 'auto',
     },
     'flex-initial': {
-      flex: 'initial'
+      flex: 'initial',
     },
     'flex-none': {
-      flex: 'none'
+      flex: 'none',
     },
     'flex-grow': {
-      'flex-grow': '1'
+      'flex-grow': '1',
     },
     'flex-shrink': {
-      'flex-shrink': '1'
+      'flex-shrink': '1',
     },
     'flex-no-grow': {
-      'flex-grow': '0'
+      'flex-grow': '0',
     },
     'flex-no-shrink': {
-      'flex-shrink': '0'
-    }
+      'flex-shrink': '0',
+    },
   })
 }
diff --git a/src/generators/floats.js b/src/generators/floats.js
index bc42f9c44..e7707e783 100644
--- a/src/generators/floats.js
+++ b/src/generators/floats.js
@@ -7,7 +7,7 @@ export default function() {
     defineClasses({
       'float-right': { float: 'right' },
       'float-left': { float: 'left' },
-      'float-none': { float: 'none' }
+      'float-none': { float: 'none' },
     }),
     postcss.parse(`
       .clearfix:after {
diff --git a/src/generators/forms.js b/src/generators/forms.js
index fd0b80f39..b97b7f1e2 100644
--- a/src/generators/forms.js
+++ b/src/generators/forms.js
@@ -2,6 +2,6 @@ import defineClasses from '../util/defineClasses'
 
 export default function() {
   return defineClasses({
-    'appearance-none': { appearance: 'none' }
+    'appearance-none': { appearance: 'none' },
   })
 }
diff --git a/src/generators/lists.js b/src/generators/lists.js
index 185cb73fc..2f68e8f62 100644
--- a/src/generators/lists.js
+++ b/src/generators/lists.js
@@ -5,7 +5,7 @@ export default function() {
     'list-reset': {
       'list-style': 'none',
       margin: '0',
-      padding: '0'
-    }
+      padding: '0',
+    },
   })
 }
diff --git a/src/generators/opacity.js b/src/generators/opacity.js
index 72488ac3f..31379145a 100644
--- a/src/generators/opacity.js
+++ b/src/generators/opacity.js
@@ -4,7 +4,7 @@ import defineClass from '../util/defineClass'
 export default function({ opacity }) {
   return _.map(opacity, (value, modifier) => {
     return defineClass(`opacity-${modifier}`, {
-      opacity: value
+      opacity: value,
     })
   })
 }
diff --git a/src/generators/overflow.js b/src/generators/overflow.js
index 10c6d9fda..0346171d0 100644
--- a/src/generators/overflow.js
+++ b/src/generators/overflow.js
@@ -8,13 +8,13 @@ export default function() {
     'overflow-scroll': { overflow: 'scroll' },
     'overflow-x-scroll': {
       'overflow-x': 'auto',
-      '-ms-overflow-style': '-ms-autohiding-scrollbar'
+      '-ms-overflow-style': '-ms-autohiding-scrollbar',
     },
     'overflow-y-scroll': {
       'overflow-y': 'auto',
-      '-ms-overflow-style': '-ms-autohiding-scrollbar'
+      '-ms-overflow-style': '-ms-autohiding-scrollbar',
     },
     'scrolling-touch': { '-webkit-overflow-scrolling': 'touch' },
-    'scrolling-auto': { '-webkit-overflow-scrolling': 'auto' }
+    'scrolling-auto': { '-webkit-overflow-scrolling': 'auto' },
   })
 }
diff --git a/src/generators/pointerEvents.js b/src/generators/pointerEvents.js
index 6ae93e2ac..b8ef3ff80 100644
--- a/src/generators/pointerEvents.js
+++ b/src/generators/pointerEvents.js
@@ -3,6 +3,6 @@ import defineClasses from '../util/defineClasses'
 export default function() {
   return defineClasses({
     'pointer-events-none': { 'pointer-events': 'none' },
-    'pointer-events-auto': { 'pointer-events': 'auto' }
+    'pointer-events-auto': { 'pointer-events': 'auto' },
   })
 }
diff --git a/src/generators/position.js b/src/generators/position.js
index 5a0776166..2bc9bf186 100644
--- a/src/generators/position.js
+++ b/src/generators/position.js
@@ -12,6 +12,13 @@ export default function() {
     'pin-l': { left: 0 },
     'pin-y': { top: 0, bottom: 0 },
     'pin-x': { right: 0, left: 0 },
-    pin: { top: 0, right: 0, bottom: 0, left: 0, width: '100%', height: '100%' }
+    pin: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+    },
   })
 }
diff --git a/src/generators/resize.js b/src/generators/resize.js
index 0823cb7f9..711e3f684 100644
--- a/src/generators/resize.js
+++ b/src/generators/resize.js
@@ -4,6 +4,6 @@ export default function() {
   return defineClasses({
     'resize-none': { resize: 'none' },
     'resize-y': { resize: 'vertical' },
-    'resize-x': { resize: 'horizontal' }
+    'resize-x': { resize: 'horizontal' },
   })
 }
diff --git a/src/generators/rounded.js b/src/generators/rounded.js
index 5b2a44eb7..57b376a5b 100644
--- a/src/generators/rounded.js
+++ b/src/generators/rounded.js
@@ -6,20 +6,20 @@ function sideVariants() {
   return defineClasses({
     'rounded-t': {
       'border-bottom-right-radius': '0',
-      'border-bottom-left-radius': '0'
+      'border-bottom-left-radius': '0',
     },
     'rounded-r': {
       'border-bottom-left-radius': '0',
-      'border-top-left-radius': '0'
+      'border-top-left-radius': '0',
     },
     'rounded-b': {
       'border-top-left-radius': '0',
-      'border-top-right-radius': '0'
+      'border-top-right-radius': '0',
     },
     'rounded-l': {
       'border-top-right-radius': '0',
-      'border-bottom-right-radius': '0'
-    }
+      'border-bottom-right-radius': '0',
+    },
   })
 }
 
@@ -29,7 +29,7 @@ module.exports = function({ borderRadius }) {
       return defineClass(
         modifier === 'default' ? 'rounded' : `rounded-${modifier}`,
         {
-          'border-radius': radius
+          'border-radius': radius,
         }
       )
     })
diff --git a/src/generators/shadows.js b/src/generators/shadows.js
index 6343ed714..6b15d410d 100644
--- a/src/generators/shadows.js
+++ b/src/generators/shadows.js
@@ -6,7 +6,7 @@ export default function({ shadows }) {
     return defineClass(
       modifier === 'default' ? 'shadow' : `shadow-${modifier}`,
       {
-        'box-shadow': shadow
+        'box-shadow': shadow,
       }
     )
   })
diff --git a/src/generators/sizing.js b/src/generators/sizing.js
index e29fab416..16c83d86d 100644
--- a/src/generators/sizing.js
+++ b/src/generators/sizing.js
@@ -4,7 +4,7 @@ import defineClass from '../util/defineClass'
 function defineWidths(widths) {
   return _.map(widths, (size, modifer) => {
     return defineClass(`w-${modifer}`, {
-      width: `${size}`
+      width: `${size}`,
     })
   })
 }
@@ -12,7 +12,7 @@ function defineWidths(widths) {
 function defineMinWidths(widths) {
   return _.map(widths, (size, modifer) => {
     return defineClass(`min-w-${modifer}`, {
-      'min-width': `${size}`
+      'min-width': `${size}`,
     })
   })
 }
@@ -20,7 +20,7 @@ function defineMinWidths(widths) {
 function defineMaxWidths(widths) {
   return _.map(widths, (size, modifer) => {
     return defineClass(`max-w-${modifer}`, {
-      'max-width': `${size}`
+      'max-width': `${size}`,
     })
   })
 }
@@ -28,7 +28,7 @@ function defineMaxWidths(widths) {
 function defineHeights(heights) {
   return _.map(heights, (size, modifer) => {
     return defineClass(`h-${modifer}`, {
-      height: `${size}`
+      height: `${size}`,
     })
   })
 }
@@ -36,7 +36,7 @@ function defineHeights(heights) {
 function defineMinHeights(heights) {
   return _.map(heights, (size, modifer) => {
     return defineClass(`min-h-${modifer}`, {
-      'min-height': `${size}`
+      'min-height': `${size}`,
     })
   })
 }
@@ -44,7 +44,7 @@ function defineMinHeights(heights) {
 function defineMaxHeights(heights) {
   return _.map(heights, (size, modifer) => {
     return defineClass(`max-h-${modifer}`, {
-      'max-height': `${size}`
+      'max-height': `${size}`,
     })
   })
 }
@@ -56,6 +56,6 @@ export default function(config) {
     defineMaxWidths(config.maxWidth),
     defineHeights(config.height),
     defineMinHeights(config.minHeight),
-    defineMaxHeights(config.maxHeight)
+    defineMaxHeights(config.maxHeight),
   ])
 }
diff --git a/src/generators/spacing.js b/src/generators/spacing.js
index 2dd161f86..456471556 100644
--- a/src/generators/spacing.js
+++ b/src/generators/spacing.js
@@ -5,28 +5,28 @@ function definePadding(padding) {
   return _.flatMap(padding, (size, modifier) => {
     return defineClasses({
       [`pt-${modifier}`]: {
-        'padding-top': `${size}`
+        'padding-top': `${size}`,
       },
       [`pr-${modifier}`]: {
-        'padding-right': `${size}`
+        'padding-right': `${size}`,
       },
       [`pb-${modifier}`]: {
-        'padding-bottom': `${size}`
+        'padding-bottom': `${size}`,
       },
       [`pl-${modifier}`]: {
-        'padding-left': `${size}`
+        'padding-left': `${size}`,
       },
       [`px-${modifier}`]: {
         'padding-left': `${size}`,
-        'padding-right': `${size}`
+        'padding-right': `${size}`,
       },
       [`py-${modifier}`]: {
         'padding-top': `${size}`,
-        'padding-bottom': `${size}`
+        'padding-bottom': `${size}`,
       },
       [`p-${modifier}`]: {
-        padding: `${size}`
-      }
+        padding: `${size}`,
+      },
     })
   })
 }
@@ -35,28 +35,28 @@ function defineMargin(margin) {
   return _.flatMap(margin, (size, modifier) => {
     return defineClasses({
       [`mt-${modifier}`]: {
-        'margin-top': `${size}`
+        'margin-top': `${size}`,
       },
       [`mr-${modifier}`]: {
-        'margin-right': `${size}`
+        'margin-right': `${size}`,
       },
       [`mb-${modifier}`]: {
-        'margin-bottom': `${size}`
+        'margin-bottom': `${size}`,
       },
       [`ml-${modifier}`]: {
-        'margin-left': `${size}`
+        'margin-left': `${size}`,
       },
       [`mx-${modifier}`]: {
         'margin-left': `${size}`,
-        'margin-right': `${size}`
+        'margin-right': `${size}`,
       },
       [`my-${modifier}`]: {
         'margin-top': `${size}`,
-        'margin-bottom': `${size}`
+        'margin-bottom': `${size}`,
       },
       [`m-${modifier}`]: {
-        margin: `${size}`
-      }
+        margin: `${size}`,
+      },
     })
   })
 }
@@ -67,28 +67,28 @@ function defineNegativeMargin(negativeMargin) {
 
     return defineClasses({
       [`-mt-${modifier}`]: {
-        'margin-top': `${size}`
+        'margin-top': `${size}`,
       },
       [`-mr-${modifier}`]: {
-        'margin-right': `${size}`
+        'margin-right': `${size}`,
       },
       [`-mb-${modifier}`]: {
-        'margin-bottom': `${size}`
+        'margin-bottom': `${size}`,
       },
       [`-ml-${modifier}`]: {
-        'margin-left': `${size}`
+        'margin-left': `${size}`,
       },
       [`-mx-${modifier}`]: {
         'margin-left': `${size}`,
-        'margin-right': `${size}`
+        'margin-right': `${size}`,
       },
       [`-my-${modifier}`]: {
         'margin-top': `${size}`,
-        'margin-bottom': `${size}`
+        'margin-bottom': `${size}`,
       },
       [`-m-${modifier}`]: {
-        margin: `${size}`
-      }
+        margin: `${size}`,
+      },
     })
   })
 }
@@ -102,13 +102,13 @@ export default function({ padding, margin, negativeMargin }) {
         'margin-top': 'auto',
       },
       'mr-auto': {
-        'margin-right': 'auto'
+        'margin-right': 'auto',
       },
       'mb-auto': {
         'margin-bottom': 'auto',
       },
       'ml-auto': {
-        'margin-left': 'auto'
+        'margin-left': 'auto',
       },
       'mx-auto': {
         'margin-left': 'auto',
@@ -122,6 +122,6 @@ export default function({ padding, margin, negativeMargin }) {
         'margin': 'auto',
       },
     }),
-    defineNegativeMargin(negativeMargin)
+    defineNegativeMargin(negativeMargin),
   ])
 }
diff --git a/src/generators/textAlign.js b/src/generators/textAlign.js
index 3b6ccd81c..e1b29f279 100644
--- a/src/generators/textAlign.js
+++ b/src/generators/textAlign.js
@@ -5,6 +5,6 @@ export default function() {
     'text-left': { 'text-align': 'left' },
     'text-center': { 'text-align': 'center' },
     'text-right': { 'text-align': 'right' },
-    'text-justify': { 'text-align': 'justify' }
+    'text-justify': { 'text-align': 'justify' },
   })
 }
diff --git a/src/generators/textColors.js b/src/generators/textColors.js
index 41bbd3b67..05443d7ef 100644
--- a/src/generators/textColors.js
+++ b/src/generators/textColors.js
@@ -6,7 +6,7 @@ export default function({ textColors }) {
   return hoverable(
     _.map(textColors, (color, modifier) => {
       return defineClass(`text-${modifier}`, {
-        color
+        color,
       })
     })
   )
diff --git a/src/generators/textFonts.js b/src/generators/textFonts.js
index 49f89b5b2..d2a3bf308 100644
--- a/src/generators/textFonts.js
+++ b/src/generators/textFonts.js
@@ -8,7 +8,7 @@ export default function({ fonts }) {
     }
 
     return defineClass(`font-${font}`, {
-      'font-family': `${families}`
+      'font-family': `${families}`,
     })
   })
 }
diff --git a/src/generators/textLeading.js b/src/generators/textLeading.js
index 8ba584368..ce661b93a 100644
--- a/src/generators/textLeading.js
+++ b/src/generators/textLeading.js
@@ -4,7 +4,7 @@ import defineClass from '../util/defineClass'
 export default function({ leading }) {
   return _.map(leading, (value, modifier) => {
     return defineClass(`leading-${modifier}`, {
-      'line-height': `${value}`
+      'line-height': `${value}`,
     })
   })
 }
diff --git a/src/generators/textSizes.js b/src/generators/textSizes.js
index d22e74571..447e0db7c 100644
--- a/src/generators/textSizes.js
+++ b/src/generators/textSizes.js
@@ -4,7 +4,7 @@ import defineClass from '../util/defineClass'
 export default function({ textSizes }) {
   return _.map(textSizes, (size, modifier) => {
     return defineClass(`text-${modifier}`, {
-      'font-size': `${size}`
+      'font-size': `${size}`,
     })
   })
 }
diff --git a/src/generators/textStyle.js b/src/generators/textStyle.js
index 4b42c9d6f..39658d3a2 100644
--- a/src/generators/textStyle.js
+++ b/src/generators/textStyle.js
@@ -18,12 +18,12 @@ export default function() {
 
       antialiased: {
         '-webkit-font-smoothing': 'antialiased',
-        '-moz-osx-font-smoothing': 'grayscale'
+        '-moz-osx-font-smoothing': 'grayscale',
       },
       'subpixel-antialiased': {
         '-webkit-font-smoothing': 'auto',
-        '-moz-osx-font-smoothing': 'auto'
-      }
+        '-moz-osx-font-smoothing': 'auto',
+      },
     })
   )
 }
diff --git a/src/generators/textTracking.js b/src/generators/textTracking.js
index 959d81e43..696ee34c3 100644
--- a/src/generators/textTracking.js
+++ b/src/generators/textTracking.js
@@ -4,7 +4,7 @@ import defineClass from '../util/defineClass'
 export default function({ tracking }) {
   return _.map(tracking, (value, modifier) => {
     return defineClass(`tracking-${modifier}`, {
-      'letter-spacing': `${value}`
+      'letter-spacing': `${value}`,
     })
   })
 }
diff --git a/src/generators/textWeights.js b/src/generators/textWeights.js
index 6377e0af1..b00489777 100644
--- a/src/generators/textWeights.js
+++ b/src/generators/textWeights.js
@@ -6,7 +6,7 @@ export default function({ fontWeights }) {
   return hoverable(
     _.map(fontWeights, (weight, modifier) => {
       return defineClass(`font-${modifier}`, {
-        'font-weight': `${weight}`
+        'font-weight': `${weight}`,
       })
     })
   )
diff --git a/src/generators/textWrap.js b/src/generators/textWrap.js
index 41b59a71d..f869c8788 100644
--- a/src/generators/textWrap.js
+++ b/src/generators/textWrap.js
@@ -14,7 +14,7 @@ export default function() {
     truncate: {
       overflow: 'hidden',
       'text-overflow': 'ellipsis',
-      'white-space': 'nowrap'
-    }
+      'white-space': 'nowrap',
+    },
   })
 }
diff --git a/src/generators/userSelect.js b/src/generators/userSelect.js
index f70573043..c7b46d420 100644
--- a/src/generators/userSelect.js
+++ b/src/generators/userSelect.js
@@ -3,6 +3,6 @@ import defineClasses from '../util/defineClasses'
 export default function() {
   return defineClasses({
     'select-none': { 'user-select': 'none' },
-    'select-text': { 'user-select': 'text' }
+    'select-text': { 'user-select': 'text' },
   })
 }
diff --git a/src/generators/verticalAlign.js b/src/generators/verticalAlign.js
index 28a950bc9..c06c4c2b4 100644
--- a/src/generators/verticalAlign.js
+++ b/src/generators/verticalAlign.js
@@ -7,6 +7,6 @@ export default function() {
     'align-middle': { 'vertical-align': 'middle' },
     'align-bottom': { 'vertical-align': 'bottom' },
     'align-text-top': { 'vertical-align': 'text-top' },
-    'align-text-bottom': { 'vertical-align': 'text-bottom' }
+    'align-text-bottom': { 'vertical-align': 'text-bottom' },
   })
 }
diff --git a/src/generators/visibility.js b/src/generators/visibility.js
index 59eee62f4..7084040bb 100644
--- a/src/generators/visibility.js
+++ b/src/generators/visibility.js
@@ -3,6 +3,6 @@ import defineClasses from '../util/defineClasses'
 export default function() {
   return defineClasses({
     visible: { visibility: 'visible' },
-    invisible: { visibility: 'hidden' }
+    invisible: { visibility: 'hidden' },
   })
 }
diff --git a/src/generators/zIndex.js b/src/generators/zIndex.js
index f1b841de5..cea79b2f7 100644
--- a/src/generators/zIndex.js
+++ b/src/generators/zIndex.js
@@ -4,7 +4,7 @@ import defineClass from '../util/defineClass'
 export default function({ zIndex }) {
   return _.map(zIndex, (value, modifier) => {
     return defineClass(`z-${modifier}`, {
-      'z-index': value
+      'z-index': value,
     })
   })
 }
diff --git a/src/index.js b/src/index.js
index 11b9868fc..bf8fb76aa 100644
--- a/src/index.js
+++ b/src/index.js
@@ -41,7 +41,7 @@ const plugin = postcss.plugin('tailwind', config => {
       substituteResponsiveAtRules(lazyConfig),
       substituteScreenAtRules(lazyConfig),
       substituteClassApplyAtRules(lazyConfig),
-      stylefmt
+      stylefmt,
     ]
   )
 })
diff --git a/src/lib/evaluateTailwindFunctions.js b/src/lib/evaluateTailwindFunctions.js
index 7a0e8407f..307baf3c3 100644
--- a/src/lib/evaluateTailwindFunctions.js
+++ b/src/lib/evaluateTailwindFunctions.js
@@ -8,7 +8,7 @@ export default function(config) {
     functions: {
       config: (path, defaultValue) => {
         return _.get(options, _.trim(path, `'"`), defaultValue)
-      }
-    }
+      },
+    },
   })
 }
diff --git a/src/lib/registerConfigAsDependency.js b/src/lib/registerConfigAsDependency.js
index 0ed19ea6b..a86f340da 100644
--- a/src/lib/registerConfigAsDependency.js
+++ b/src/lib/registerConfigAsDependency.js
@@ -12,8 +12,8 @@ export default function(configFile) {
       {
         type: 'dependency',
         file: configFile,
-        parent: css.source.input.file
-      }
+        parent: css.source.input.file,
+      },
     ]
   }
 }
diff --git a/src/lib/substituteFocusableAtRules.js b/src/lib/substituteFocusableAtRules.js
index 8c758b590..9c2e089b3 100644
--- a/src/lib/substituteFocusableAtRules.js
+++ b/src/lib/substituteFocusableAtRules.js
@@ -8,7 +8,7 @@ export default function() {
         // or weird compound selectors like .bg-blue>p>h1
         rule.selectors = [
           rule.selector,
-          `.focus\\:${rule.selector.slice(1)}:focus`
+          `.focus\\:${rule.selector.slice(1)}:focus`,
         ]
       })
 
diff --git a/src/lib/substituteHoverableAtRules.js b/src/lib/substituteHoverableAtRules.js
index a31fb8d1c..0cc1e3ead 100644
--- a/src/lib/substituteHoverableAtRules.js
+++ b/src/lib/substituteHoverableAtRules.js
@@ -8,7 +8,7 @@ export default function() {
         // or weird compound selectors like .bg-blue>p>h1
         rule.selectors = [
           rule.selector,
-          `.hover\\:${rule.selector.slice(1)}:hover`
+          `.hover\\:${rule.selector.slice(1)}:hover`,
         ]
       })
 
diff --git a/src/lib/substituteResponsiveAtRules.js b/src/lib/substituteResponsiveAtRules.js
index aa79bd1b2..76360fd03 100644
--- a/src/lib/substituteResponsiveAtRules.js
+++ b/src/lib/substituteResponsiveAtRules.js
@@ -18,7 +18,7 @@ export default function(config) {
     _.keys(screens).forEach(screen => {
       const mediaQuery = postcss.atRule({
         name: 'media',
-        params: buildMediaQuery(screens[screen])
+        params: buildMediaQuery(screens[screen]),
       })
 
       mediaQuery.append(
diff --git a/src/util/buildMediaQuery.js b/src/util/buildMediaQuery.js
index 77e22dd78..cbac0a024 100644
--- a/src/util/buildMediaQuery.js
+++ b/src/util/buildMediaQuery.js
@@ -20,7 +20,7 @@ export default function buildMediaQuery(screens) {
           feature = _.get(
             {
               min: 'min-width',
-              max: 'max-width'
+              max: 'max-width',
             },
             feature,
             feature
diff --git a/src/util/defineClass.js b/src/util/defineClass.js
index 134528e26..8ccb3aa69 100644
--- a/src/util/defineClass.js
+++ b/src/util/defineClass.js
@@ -6,13 +6,13 @@ export default function(className, properties) {
   const decls = _.map(properties, (value, property) => {
     return postcss.decl({
       prop: `${property}`,
-      value: `${value}`
+      value: `${value}`,
     })
   })
 
   return postcss
     .rule({
-      selector: `.${escapeClassName(className)}`
+      selector: `.${escapeClassName(className)}`,
     })
     .append(decls)
 }
diff --git a/src/util/focusable.js b/src/util/focusable.js
index 95e3fd8b6..5f05af1a0 100644
--- a/src/util/focusable.js
+++ b/src/util/focusable.js
@@ -4,7 +4,7 @@ import cloneNodes from './cloneNodes'
 export default function focusable(rules) {
   return postcss
     .atRule({
-      name: 'focusable'
+      name: 'focusable',
     })
     .append(cloneNodes(rules))
 }
diff --git a/src/util/hoverable.js b/src/util/hoverable.js
index db4618b6e..ad76b8a35 100644
--- a/src/util/hoverable.js
+++ b/src/util/hoverable.js
@@ -4,7 +4,7 @@ import cloneNodes from './cloneNodes'
 export default function hoverable(rules) {
   return postcss
     .atRule({
-      name: 'hoverable'
+      name: 'hoverable',
     })
     .append(cloneNodes(rules))
 }
diff --git a/src/util/responsive.js b/src/util/responsive.js
index 70d5fb233..67c905645 100644
--- a/src/util/responsive.js
+++ b/src/util/responsive.js
@@ -4,7 +4,7 @@ import cloneNodes from './cloneNodes'
 export default function responsive(rules) {
   return postcss
     .atRule({
-      name: 'responsive'
+      name: 'responsive',
     })
     .append(cloneNodes(rules))
 }