Skip to content

Commit 4e4751c

Browse files
MichaelDeBoeyadamwathan
authored andcommitted
Add object-fit utilities
1 parent 62bc607 commit 4e4751c

File tree

3 files changed

+14
-0
lines changed

3 files changed

+14
-0
lines changed

defaultConfig.stub.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -887,6 +887,7 @@ module.exports = {
887887
minHeight: ['responsive'],
888888
minWidth: ['responsive'],
889889
negativeMargin: ['responsive'],
890+
objectFit: false,
890891
opacity: ['responsive'],
891892
outline: ['focus'],
892893
overflow: ['responsive'],

src/generators/objectFit.js

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import defineClasses from '../util/defineClasses'
2+
3+
export default function() {
4+
return defineClasses({
5+
'object-contain': { 'object-fit': 'contain' },
6+
'object-cover': { 'object-fit': 'cover' },
7+
'object-fill': { 'object-fit': 'fill' },
8+
'object-none': { 'object-fit': 'none' },
9+
'object-scale-down': { 'object-fit': 'scale-down' },
10+
})
11+
}

src/utilityModules.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ import maxWidth from './generators/maxWidth'
2424
import minHeight from './generators/minHeight'
2525
import minWidth from './generators/minWidth'
2626
import negativeMargin from './generators/negativeMargin'
27+
import objectFit from './generators/objectFit'
2728
import opacity from './generators/opacity'
2829
import outline from './generators/outline'
2930
import overflow from './generators/overflow'
@@ -74,6 +75,7 @@ export default [
7475
{ name: 'minHeight', generator: minHeight },
7576
{ name: 'minWidth', generator: minWidth },
7677
{ name: 'negativeMargin', generator: negativeMargin },
78+
{ name: 'objectFit', generator: objectFit },
7779
{ name: 'opacity', generator: opacity },
7880
{ name: 'outline', generator: outline },
7981
{ name: 'overflow', generator: overflow },

0 commit comments

Comments
 (0)