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

Resolve overflow-clip naming collision issue (#5630)

Browse Source 
* Rename `overflow-clip` to `text-clip`, add `text-ellipsis`, deprecate `overflow-ellipsis`

Co-Authored-By: Adam Wathan <4323180+adamwathan@users.noreply.github.com>

* Add `overflow-clip` utilities

Co-Authored-By: Adam Wathan <4323180+adamwathan@users.noreply.github.com>

Co-authored-by: Adam Wathan <4323180+adamwathan@users.noreply.github.com>
This commit is contained in:
Jonathan Reinink 2021-09-28 14:17:41 -04:00 committed by GitHub
parent 2fb33ee578
commit 77307f5211
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/corePlugins.js
View File

@ -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' },
@ -1168,8 +1171,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' },
})
},