Add fit-content utilities for (min/max) height and width (#5638)

tailwindlabs · Oct 7, 2021 · 31a9860 · 31a9860
1 parent 579e922
commit 31a9860
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
@@ -504,6 +504,7 @@ module.exports = {
       '5/6': '83.333333%',
       full: '100%',
       screen: '100vh',
+      fit: 'fit-content',
     }),
     inset: ({ theme }) => ({
       auto: 'auto',
@@ -581,6 +582,7 @@ module.exports = {
       ...theme('spacing'),
       full: '100%',
       screen: '100vh',
+      fit: 'fit-content',
     }),
     maxWidth: ({ theme, breakpoints }) => ({
       none: 'none',
@@ -599,19 +601,22 @@ module.exports = {
       full: '100%',
       min: 'min-content',
       max: 'max-content',
+      fit: 'fit-content',
       prose: '65ch',
       ...breakpoints(theme('screens')),
     }),
     minHeight: {
       0: '0px',
       full: '100%',
       screen: '100vh',
+      fit: 'fit-content',
     },
     minWidth: {
       0: '0px',
       full: '100%',
       min: 'min-content',
       max: 'max-content',
+      fit: 'fit-content',
     },
     objectPosition: {
       bottom: 'bottom',
@@ -844,6 +849,7 @@ module.exports = {
       screen: '100vw',
       min: 'min-content',
       max: 'max-content',
+      fit: 'fit-content',
     }),
     willChange: {
       auto: 'auto',