archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Add object-fit utilities

Browse Source
This commit is contained in:
Michaël De Boey 2018-06-21 15:57:26 +02:00 committed by Adam Wathan
parent 62bc6079d1
commit 4e4751c4d5
3 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
defaultConfig.stub.js
View File

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

11
src/generators/objectFit.js Normal file
View File

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

2
src/utilityModules.js
View File

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