From 4565455df631060aa20e26c783dd6d582ccbcd12 Mon Sep 17 00:00:00 2001 From: Jonathan Reinink Date: Tue, 28 Sep 2021 14:03:12 -0400 Subject: [PATCH 1/2] Rename `overflow-clip` to `text-clip`, add `text-ellipsis`, deprecate `overflow-ellipsis` Co-Authored-By: Adam Wathan <4323180+adamwathan@users.noreply.github.com> --- src/corePlugins.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/corePlugins.js b/src/corePlugins.js index ba6b454cbfe0..0ab687df6c17 100644 --- a/src/corePlugins.js +++ b/src/corePlugins.js @@ -1168,8 +1168,9 @@ export default { textOverflow: ({ addUtilities }) => { addUtilities({ '.truncate': { overflow: 'hidden', 'text-overflow': 'ellipsis', 'white-space': 'nowrap' }, - '.overflow-ellipsis': { 'text-overflow': 'ellipsis' }, - '.overflow-clip': { 'text-overflow': 'clip' }, + '.overflow-ellipsis': { 'text-overflow': 'ellipsis' }, // Deprecated + '.text-ellipsis': { 'text-overflow': 'ellipsis' }, + '.text-clip': { 'text-overflow': 'clip' }, }) }, From 8c2d0371cfc512830060cc37993fcf85581026ef Mon Sep 17 00:00:00 2001 From: Jonathan Reinink Date: Tue, 28 Sep 2021 14:03:16 -0400 Subject: [PATCH 2/2] Add `overflow-clip` utilities Co-Authored-By: Adam Wathan <4323180+adamwathan@users.noreply.github.com> --- src/corePlugins.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/corePlugins.js b/src/corePlugins.js index 0ab687df6c17..18bbeddb64c9 100644 --- a/src/corePlugins.js +++ b/src/corePlugins.js @@ -1131,12 +1131,15 @@ export default { addUtilities({ '.overflow-auto': { overflow: 'auto' }, '.overflow-hidden': { overflow: 'hidden' }, + '.overflow-clip': { overflow: 'clip' }, '.overflow-visible': { overflow: 'visible' }, '.overflow-scroll': { overflow: 'scroll' }, '.overflow-x-auto': { 'overflow-x': 'auto' }, '.overflow-y-auto': { 'overflow-y': 'auto' }, '.overflow-x-hidden': { 'overflow-x': 'hidden' }, '.overflow-y-hidden': { 'overflow-y': 'hidden' }, + '.overflow-x-clip': { 'overflow-x': 'clip' }, + '.overflow-y-clip': { 'overflow-y': 'clip' }, '.overflow-x-visible': { 'overflow-x': 'visible' }, '.overflow-y-visible': { 'overflow-y': 'visible' }, '.overflow-x-scroll': { 'overflow-x': 'scroll' },