Utilidades de Texto
Wrap & Break
Controle avançado sobre quebras de texto e balanceamento visual para layouts responsivos impecáveis.
Balanceamento Moderno (.twr-*)
Utiliza algoritmos do navegador para distribuir o texto de forma harmoniosa entre as linhas.
.twr-b
Text Wrap Balance
Título do Y2 Fica Perfeitamente Balanceado
.twr-p
Text Wrap Pretty
O algoritmo 'pretty' analisa as quebras para evitar que a última linha fique muito curta
ou com hifens isolados.
Quebra de Palavras (.wordb-*)
Evite que palavras ultra-longas ou URLs extrapolem os limites do container.
.wordb-ba
Word Break All
STRING_MUITO_LONGA_QUE_PRECISA_QUEBRAR_PARA_NAO_DESTRUIR_O_LAYOUT_DO_SEU_WEBAPP_YDRA
.wordb-bw
Word Break Word
InconstitucionalissimamenteLongaPalavraQueSeraQuebradaApenasSeRealmenteNaoHouverEspaço.
Truncagem e Clamp
Utilize reticências automáticas para textos que não podem ocupar muito espaço.
.truncate
Truncate (1 Linha)
Este texto é cortado com reticências logo no final da primeira linha disponível.
.clamp-2
Line Clamp (N Linhas)
O Line Clamp permite limitar o texto a um número específico de linhas antes de aplicar
as reticências, ideal para resumos de cards.