Port objectFit module to plugin

src/defaultPlugins.js

@@ -1,3 +1,4 @@
+import objectFit from './plugins/objectFit'
 import objectPosition from './plugins/objectPosition'
 import opacity from './plugins/opacity'
 import outline from './plugins/outline'
@@ -24,6 +25,7 @@ import zIndex from './plugins/zIndex'
 
 export default function (config) {
   return [
+    config.modules.objectFit === false ? () => {} : objectFit(),
     config.modules.objectPosition === false ? () => {} : objectPosition(),
     config.modules.opacity === false ? () => {} : opacity(),
     config.modules.outline === false ? () => {} : outline(),

src/generators/objectFit.js

@@ -1,11 +0,0 @@
-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/plugins/objectFit.js

@@ -0,0 +1,11 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.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' },
+    }, config('modules.objectFit'))
+  }
+}

src/utilityModules.js

@@ -24,7 +24,6 @@ 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'
 
 export default [
   { name: 'lists', generator: lists },
@@ -53,5 +52,4 @@ export default [
   { name: 'minHeight', generator: minHeight },
   { name: 'minWidth', generator: minWidth },
   { name: 'negativeMargin', generator: negativeMargin },
-  { name: 'objectFit', generator: objectFit },
 ]