@mixin truncate {
  white-space: var(--text-white-space, nowrap);
  overflow: hidden;
  text-overflow: ellipsis;
}

@mixin clamp($lines) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $lines;
  overflow: hidden;
}