Limita textos em uma ou múltiplas linhas com reticências usando CSS.
/* 1 linha */
.truncar-1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* N linhas */
.truncar-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.truncar-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}Altera o número de palavras do excerpt automático e personaliza o texto de reticências.
Componente accordion com ARIA expandido/colapsado e animação de altura com CSS.
Cabeçalho que muda de estilo ao rolar a página, usando Intersection Observer.
Estrutura completa de variáveis CSS para cores, tipografia, espaçamento e breakpoints.