Add object-position utilities

Author: MichaelDeBoey

defaultConfig.stub.js

@@ -888,6 +888,7 @@ module.exports = {
     minWidth: ['responsive'],
     negativeMargin: ['responsive'],
     objectFit: false,
+    objectPosition: false,
     opacity: ['responsive'],
     outline: ['focus'],
     overflow: ['responsive'],

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' },
+  })
+}

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 },