css-clamp-usage.css

css clamp function usage at work {
  font-size: clamp(12pt, 5vw, 15pt);
  font-size: clamp(22pt, 2.5vw, 28pt);
  font-size: clamp(20pt, 2.5vw, 28pt);
  font-size: clamp(8pt, 6--ew, 10pt);
  font-size: clamp(7pt, 6--ew, 9pt);
  font-size: clamp(24px, 6vw, 36px);
  font-size: clamp(var(--min), 4vw, var(--max));
  font-size: clamp(var(--min), 5vw, var(--max));
  font-size: clamp(var(--min), 3vw, var(--max));
  font-size: clamp(28px, 7vw, 42px);
  font-size: clamp(12pt, 2.5vw, 14pt);
  font-size: clamp(10pt, 2.5vw, 12pt);
  font-size: clamp(13px, 1.6vw, 15px);
  font-size: clamp(15px, 1.5vw, 17px);
  font-size: clamp(13px, 3vw, 30px);
  max-width: clamp(19em, 50vw, 580px);
  font-size: clamp(36px, 7--ew, 60px);
  font-size: clamp(20px, 3--ew, 28px);
  font-size: clamp(20pt, 4.5vw, 30pt);
  font-size: clamp(14pt, 1.75vw, 18pt);
  font-size: clamp(20pt, 3vw, 26pt);
  font-size: clamp(14pt, 2.5vw, 16pt);
  width: clamp(50px, 10vw, 80px);
  font-size: clamp(24pt, 4vw, 30pt);
  font-size: clamp(16pt, 3vw, 20pt);
  font-size: clamp(20pt, 5vw, 30pt);
  font-size: clamp(18pt, 4vw, 24pt);
  font-size: clamp(12pt, 3vw, 16pt);
  font-size: clamp(10px, 3vw, 12pt);
  font-size: clamp(12pt, 3vw, 14pt);
  font-size: clamp(10px, 3vw, 11pt);
  font-size: clamp(16pt, 4vw, 20pt);
  font-size: clamp(20pt, 4.5vw, 28pt);
  font-size: clamp(10px, 3.5--ew, 14px);
  font-size: clamp(10px, 3--ew, 14px);
  font-size: clamp(14px, 3.6--ew, 18px);
  font-size: clamp(14px, 4--ew, 22px);
  font-size: clamp(20px, 5.5--ew, 28px);
  font-size: clamp(14px, 3.5--ew, 18px);
  font-size: clamp(14pt, 3vw, 18pt);
  font-size: clamp(12pt, 3vw, 13pt);
  font-size: clamp(36px, 6.5--ew, 40px);
  font-size: clamp(31px, 6.5--ew, 40px);
  font-size: clamp(14pt, 5vw, 20pt);
  font-size: clamp(30pt, 5.5vw, 50pt);
  font-size: clamp(20pt, 4vw, 25pt);
  --scalable-size: clamp(50px, 10%, 100px);
  font-size: clamp(20pt, 4vw, 30pt);
  width: clamp(30px, 5vw, 50px);
  --font-size: clamp(1rem, 3vw, 1.2rem);
  font-size: clamp(18px, 4vw, 24px);
  font-size: clamp(24px, 5vw, 42px);
  font-size: clamp(24px, 7vw, 60px);
  font-size: clamp(18px, 5vw, 32px);
  font-size: clamp(7pt, 2.75vw, 12pt);
  font-size: clamp(60px, 5.75vw, 80px);
  font-size: clamp(18px, 3.5vw, 20px);
  font-size: clamp(25px, 5vw, 35px);
  font-size: clamp(2rem, 6vw, 2.7rem);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-size: clamp(14pt, 7vw, 22pt);
  font-size: clamp(14pt, 4vw, 18pt);
  font-size: clamp(8pt, 1vw, 11pt);
  font-size: clamp(18pt, 7vw, 30pt);
  width: clamp(30px, 6vw, 70px);
  width: clamp(30px, 10vw, 120px);
  font-size: clamp(24px, 5vw, 30px);
  font-size: clamp(18px, 4.25vw, 26px);
  font-size: clamp(24px, 5vw, 30px);
}