Generate a typographic scale of CSS variables with any interval (fixed or proportional) and any number of sizes. Just edit $interval
, $body-text
, $scale-min
, and $scale-max
:
:root {
$interval: 1.5; // Unitless for proportional, unit for fixed
$body-text: 1rem; // Must have a unit
$scale-min: -2; // Unitless negative integer
$scale-max: 2; // Unitless positive integer