diff --git a/src/generators/backgroundPositions.js b/src/generators/backgroundPositions.js
new file mode 100644
index 000000000..1a1f9b93a
--- /dev/null
+++ b/src/generators/backgroundPositions.js
@@ -0,0 +1,15 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'bg-bottom': { 'background-position': 'bottom' },
+    'bg-center': { 'background-position': 'center' },
+    'bg-left': { 'background-position': 'left' },
+    'bg-left-bottom': { 'background-position': 'left bottom' },
+    'bg-left-top': { 'background-position': 'left top' },
+    'bg-right': { 'background-position': 'right' },
+    'bg-right-bottom': { 'background-position': 'right bottom' },
+    'bg-right-top': { 'background-position': 'right top' },
+    'bg-top': { 'background-position': 'top' },
+  })
+}
diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js
index 50310fea0..ce9dd76eb 100644
--- a/src/lib/generateUtilities.js
+++ b/src/lib/generateUtilities.js
@@ -1,5 +1,6 @@
 import _ from 'lodash'
 import backgroundColors from '../generators/backgroundColors'
+import backgroundPositions from '../generators/backgroundPositions'
 import backgroundSize from '../generators/backgroundSize'
 import borderColors from '../generators/borderColors'
 import borderStylesReset from '../generators/borderStylesReset'
@@ -47,6 +48,7 @@ export default function(options) {
           textStyle(options),
           verticalAlign(options),
           backgroundColors(options),
+          backgroundPositions(options),
           backgroundSize(options),
           borderStylesReset(options),
           borderWidths(options),