From 3bb2a200ae24a356bc470c636b6f71d4cdb2eb5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C3=ABl=20De=20Boey?= <info@michaeldeboey.be>
Date: Thu, 4 Jan 2018 15:47:12 +0100
Subject: [PATCH] Add object-position utilities

---
 defaultConfig.stub.js            |  1 +
 src/generators/objectPosition.js | 15 +++++++++++++++
 src/utilityModules.js            |  2 ++
 3 files changed, 18 insertions(+)
 create mode 100644 src/generators/objectPosition.js

diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js
index b7781f949..154fe7ab6 100644
--- a/defaultConfig.stub.js
+++ b/defaultConfig.stub.js
@@ -888,6 +888,7 @@ module.exports = {
     minWidth: ['responsive'],
     negativeMargin: ['responsive'],
     objectFit: false,
+    objectPosition: false,
     opacity: ['responsive'],
     outline: ['focus'],
     overflow: ['responsive'],
diff --git a/src/generators/objectPosition.js b/src/generators/objectPosition.js
new file mode 100644
index 000000000..df8863099
--- /dev/null
+++ b/src/generators/objectPosition.js
@@ -0,0 +1,15 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'object-bottom': { 'object-position': 'bottom' },
+    'object-center': { 'object-position': 'center' },
+    'object-left': { 'object-position': 'left' },
+    'object-left-bottom': { 'object-position': 'left bottom' },
+    'object-left-top': { 'object-position': 'left top' },
+    'object-right': { 'object-position': 'right' },
+    'object-right-bottom': { 'object-position': 'right bottom' },
+    'object-right-top': { 'object-position': 'right top' },
+    'object-top': { 'object-position': 'top' },
+  })
+}
diff --git a/src/utilityModules.js b/src/utilityModules.js
index 91946a8e9..01f37dce3 100644
--- a/src/utilityModules.js
+++ b/src/utilityModules.js
@@ -25,6 +25,7 @@ import minHeight from './generators/minHeight'
 import minWidth from './generators/minWidth'
 import negativeMargin from './generators/negativeMargin'
 import objectFit from './generators/objectFit'
+import objectPosition from './generators/objectPosition'
 import opacity from './generators/opacity'
 import outline from './generators/outline'
 import overflow from './generators/overflow'
@@ -76,6 +77,7 @@ export default [
   { name: 'minWidth', generator: minWidth },
   { name: 'negativeMargin', generator: negativeMargin },
   { name: 'objectFit', generator: objectFit },
+  { name: 'objectPosition', generator: objectPosition },
   { name: 'opacity', generator: opacity },
   { name: 'outline', generator: outline },
   { name: 'overflow', generator: overflow },