From 4e4751c4d5045c2ce04fd27d303a91d13c1dba85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C3=ABl=20De=20Boey?= <info@michaeldeboey.be>
Date: Thu, 21 Jun 2018 15:57:26 +0200
Subject: [PATCH] Add object-fit utilities

---
 defaultConfig.stub.js       |  1 +
 src/generators/objectFit.js | 11 +++++++++++
 src/utilityModules.js       |  2 ++
 3 files changed, 14 insertions(+)
 create mode 100644 src/generators/objectFit.js

diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js
index e1150e72a..b7781f949 100644
--- a/defaultConfig.stub.js
+++ b/defaultConfig.stub.js
@@ -887,6 +887,7 @@ module.exports = {
     minHeight: ['responsive'],
     minWidth: ['responsive'],
     negativeMargin: ['responsive'],
+    objectFit: false,
     opacity: ['responsive'],
     outline: ['focus'],
     overflow: ['responsive'],
diff --git a/src/generators/objectFit.js b/src/generators/objectFit.js
new file mode 100644
index 000000000..e6723fdc7
--- /dev/null
+++ b/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' },
+  })
+}
diff --git a/src/utilityModules.js b/src/utilityModules.js
index fd5aa154a..91946a8e9 100644
--- a/src/utilityModules.js
+++ b/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 },