Add object-fit utilities

Author: MichaelDeBoey

defaultConfig.stub.js

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

src/generators/objectFit.js

@@ -0,0 +1,11 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'object-contain': { 'object-fit': 'contain' },
+    'object-cover': { 'object-fit': 'cover' },
+    'object-fill': { 'object-fit': 'fill' },
+    'object-none': { 'object-fit': 'none' },
+    'object-scale-down': { 'object-fit': 'scale-down' },
+  })
+}

src/utilityModules.js

@@ -24,6 +24,7 @@ import maxWidth from './generators/maxWidth'
 import minHeight from './generators/minHeight'
 import minWidth from './generators/minWidth'
 import negativeMargin from './generators/negativeMargin'
+import objectFit from './generators/objectFit'
 import opacity from './generators/opacity'
 import outline from './generators/outline'
 import overflow from './generators/overflow'
@@ -74,6 +75,7 @@ export default [
   { name: 'minHeight', generator: minHeight },
   { name: 'minWidth', generator: minWidth },
   { name: 'negativeMargin', generator: negativeMargin },
+  { name: 'objectFit', generator: objectFit },
   { name: 'opacity', generator: opacity },
   { name: 'outline', generator: outline },
   { name: 'overflow', generator: overflow },