diff --git a/src/corePlugins.js b/src/corePlugins.js index d32038d56cfc..b06dbeee6fa7 100644 --- a/src/corePlugins.js +++ b/src/corePlugins.js @@ -645,8 +645,14 @@ export let corePlugins = { maxWidth: createUtilityPlugin('maxWidth', [['max-w', ['maxWidth']]]), flex: createUtilityPlugin('flex'), - flexShrink: createUtilityPlugin('flexShrink', [['flex-shrink', ['flex-shrink']]]), - flexGrow: createUtilityPlugin('flexGrow', [['flex-grow', ['flex-grow']]]), + flexShrink: createUtilityPlugin('flexShrink', [ + ['flex-shrink', ['flex-shrink']], // Deprecated + ['shrink', ['flex-shrink']], + ]), + flexGrow: createUtilityPlugin('flexGrow', [ + ['flex-grow', ['flex-grow']], // Deprecated + ['grow', ['flex-grow']], + ]), flexBasis: createUtilityPlugin('flexBasis', [['basis', ['flex-basis']]]), tableLayout: ({ addUtilities }) => { diff --git a/tests/arbitrary-values.test.css b/tests/arbitrary-values.test.css index f34c0526597f..edee01b8961d 100644 --- a/tests/arbitrary-values.test.css +++ b/tests/arbitrary-values.test.css @@ -212,9 +212,15 @@ .flex-shrink-\[var\(--shrink\)\] { flex-shrink: var(--shrink); } +.shrink-\[var\(--shrink\)\] { + flex-shrink: var(--shrink); +} .flex-grow-\[var\(--grow\)\] { flex-grow: var(--grow); } +.grow-\[var\(--grow\)\] { + flex-grow: var(--grow); +} .basis-\[var\(--basis\)\] { flex-basis: var(--basis); } diff --git a/tests/arbitrary-values.test.html b/tests/arbitrary-values.test.html index 99d34df227c3..461919d8f53f 100644 --- a/tests/arbitrary-values.test.html +++ b/tests/arbitrary-values.test.html @@ -77,7 +77,9 @@
+
+
diff --git a/tests/basic-usage.test.css b/tests/basic-usage.test.css index acbfbe80ec26..b14a10774b36 100644 --- a/tests/basic-usage.test.css +++ b/tests/basic-usage.test.css @@ -281,12 +281,24 @@ .flex-shrink-0 { flex-shrink: 0; } +.shrink { + flex-shrink: 1; +} +.shrink-0 { + flex-shrink: 0; +} .flex-grow { flex-grow: 1; } .flex-grow-0 { flex-grow: 0; } +.grow { + flex-grow: 1; +} +.grow-0 { + flex-grow: 0; +} .basis-auto { flex-basis: auto; } diff --git a/tests/basic-usage.test.html b/tests/basic-usage.test.html index 86cc2f01c05a..c40ca8a21353 100644 --- a/tests/basic-usage.test.html +++ b/tests/basic-usage.test.html @@ -48,10 +48,10 @@
-
-
-
-
+
+
+
+