mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
Move truncate to textOverflow plugin
This commit is contained in:
Adam Wathan
parent
dc7c477326
commit
998f3ffc03
@ -14674,6 +14674,12 @@ video {
|
||||
--text-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.truncate {
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.overflow-ellipsis {
|
||||
text-overflow: ellipsis !important;
|
||||
}
|
||||
@ -14902,12 +14908,6 @@ video {
|
||||
word-break: break-all !important;
|
||||
}
|
||||
|
||||
.truncate {
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.w-0 {
|
||||
width: 0 !important;
|
||||
}
|
||||
@ -32022,6 +32022,12 @@ video {
|
||||
--text-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.sm\:truncate {
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.sm\:overflow-ellipsis {
|
||||
text-overflow: ellipsis !important;
|
||||
}
|
||||
@ -32250,12 +32256,6 @@ video {
|
||||
word-break: break-all !important;
|
||||
}
|
||||
|
||||
.sm\:truncate {
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.sm\:w-0 {
|
||||
width: 0 !important;
|
||||
}
|
||||
@ -49340,6 +49340,12 @@ video {
|
||||
--text-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.md\:truncate {
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.md\:overflow-ellipsis {
|
||||
text-overflow: ellipsis !important;
|
||||
}
|
||||
@ -49568,12 +49574,6 @@ video {
|
||||
word-break: break-all !important;
|
||||
}
|
||||
|
||||
.md\:truncate {
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.md\:w-0 {
|
||||
width: 0 !important;
|
||||
}
|
||||
@ -66658,6 +66658,12 @@ video {
|
||||
--text-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.lg\:truncate {
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.lg\:overflow-ellipsis {
|
||||
text-overflow: ellipsis !important;
|
||||
}
|
||||
@ -66886,12 +66892,6 @@ video {
|
||||
word-break: break-all !important;
|
||||
}
|
||||
|
||||
.lg\:truncate {
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.lg\:w-0 {
|
||||
width: 0 !important;
|
||||
}
|
||||
@ -83976,6 +83976,12 @@ video {
|
||||
--text-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.xl\:truncate {
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.xl\:overflow-ellipsis {
|
||||
text-overflow: ellipsis !important;
|
||||
}
|
||||
@ -84204,12 +84210,6 @@ video {
|
||||
word-break: break-all !important;
|
||||
}
|
||||
|
||||
.xl\:truncate {
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.xl\:w-0 {
|
||||
width: 0 !important;
|
||||
}
|
||||
|
||||
@ -13330,6 +13330,12 @@ video {
|
||||
color: #702459;
|
||||
}
|
||||
|
||||
.truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.overflow-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@ -13558,12 +13564,6 @@ video {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.w-0 {
|
||||
width: 0;
|
||||
}
|
||||
@ -29334,6 +29334,12 @@ video {
|
||||
color: #702459;
|
||||
}
|
||||
|
||||
.sm\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.sm\:overflow-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@ -29562,12 +29568,6 @@ video {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.sm\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.sm\:w-0 {
|
||||
width: 0;
|
||||
}
|
||||
@ -45308,6 +45308,12 @@ video {
|
||||
color: #702459;
|
||||
}
|
||||
|
||||
.md\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.md\:overflow-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@ -45536,12 +45542,6 @@ video {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.md\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.md\:w-0 {
|
||||
width: 0;
|
||||
}
|
||||
@ -61282,6 +61282,12 @@ video {
|
||||
color: #702459;
|
||||
}
|
||||
|
||||
.lg\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.lg\:overflow-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@ -61510,12 +61516,6 @@ video {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.lg\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.lg\:w-0 {
|
||||
width: 0;
|
||||
}
|
||||
@ -77256,6 +77256,12 @@ video {
|
||||
color: #702459;
|
||||
}
|
||||
|
||||
.xl\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.xl\:overflow-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@ -77484,12 +77490,6 @@ video {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.xl\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.xl\:w-0 {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
@ -14674,6 +14674,12 @@ video {
|
||||
--text-opacity: 1;
|
||||
}
|
||||
|
||||
.truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.overflow-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@ -14902,12 +14908,6 @@ video {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.w-0 {
|
||||
width: 0;
|
||||
}
|
||||
@ -32022,6 +32022,12 @@ video {
|
||||
--text-opacity: 1;
|
||||
}
|
||||
|
||||
.sm\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.sm\:overflow-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@ -32250,12 +32256,6 @@ video {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.sm\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.sm\:w-0 {
|
||||
width: 0;
|
||||
}
|
||||
@ -49340,6 +49340,12 @@ video {
|
||||
--text-opacity: 1;
|
||||
}
|
||||
|
||||
.md\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.md\:overflow-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@ -49568,12 +49574,6 @@ video {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.md\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.md\:w-0 {
|
||||
width: 0;
|
||||
}
|
||||
@ -66658,6 +66658,12 @@ video {
|
||||
--text-opacity: 1;
|
||||
}
|
||||
|
||||
.lg\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.lg\:overflow-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@ -66886,12 +66892,6 @@ video {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.lg\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.lg\:w-0 {
|
||||
width: 0;
|
||||
}
|
||||
@ -83976,6 +83976,12 @@ video {
|
||||
--text-opacity: 1;
|
||||
}
|
||||
|
||||
.xl\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.xl\:overflow-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@ -84204,12 +84210,6 @@ video {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.xl\:truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.xl\:w-0 {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@ import chalk from 'chalk'
|
||||
import log from './util/log'
|
||||
|
||||
const featureFlags = {
|
||||
future: ['moveTruncateToTextOverflow'],
|
||||
future: [],
|
||||
experimental: [
|
||||
'uniformColorPalette',
|
||||
'extendedSpacingScale',
|
||||
|
||||
@ -1,18 +1,12 @@
|
||||
import { flagEnabled } from '../featureFlags'
|
||||
|
||||
export default function () {
|
||||
return function ({ addUtilities, variants, config }) {
|
||||
return function ({ addUtilities, variants }) {
|
||||
addUtilities(
|
||||
{
|
||||
...(flagEnabled(config(), 'moveTruncateToTextOverflow')
|
||||
? {
|
||||
'.truncate': {
|
||||
overflow: 'hidden',
|
||||
'text-overflow': 'ellipsis',
|
||||
'white-space': 'nowrap',
|
||||
},
|
||||
}
|
||||
: {}),
|
||||
'.truncate': {
|
||||
overflow: 'hidden',
|
||||
'text-overflow': 'ellipsis',
|
||||
'white-space': 'nowrap',
|
||||
},
|
||||
'.overflow-ellipsis': { 'text-overflow': 'ellipsis' },
|
||||
'.overflow-clip': { 'text-overflow': 'clip' },
|
||||
},
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
import { flagEnabled } from '../featureFlags'
|
||||
|
||||
export default function () {
|
||||
return function ({ addUtilities, variants, config }) {
|
||||
return function ({ addUtilities, variants }) {
|
||||
addUtilities(
|
||||
{
|
||||
'.break-normal': {
|
||||
@ -12,16 +10,6 @@ export default function () {
|
||||
'overflow-wrap': 'break-word',
|
||||
},
|
||||
'.break-all': { 'word-break': 'break-all' },
|
||||
|
||||
...(!flagEnabled(config(), 'moveTruncateToTextOverflow')
|
||||
? {
|
||||
'.truncate': {
|
||||
overflow: 'hidden',
|
||||
'text-overflow': 'ellipsis',
|
||||
'white-space': 'nowrap',
|
||||
},
|
||||
}
|
||||
: {}),
|
||||
},
|
||||
variants('wordBreak')
|
||||
)
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user