CSS line length cap (Specific number + Equal heights)

Text overflow - Line length cap.css

/**
 * Example: Cap text at a specific line length.
 * Especially useful for e.g. card/ tile layouts with different content but equal heights.
 */
.text-overflow {
  --lines: 3;

  height: calc(var(--lines) * 1.25rem);
  font-size: 1rem;
  line-height: 1.25rem;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: var(--lines);
  -webkit-box-orient: vertical
}