@wolves.ink/tailwindcss-fluid-fontsize
Version:
A plugin to have an easy way to create dynamic font-sizes.
8 lines (7 loc) • 360 B
JavaScript
module.exports = (min, max, screenMin, screenMax, unit) => {
if (min && max && screenMin && screenMax) {
const sFtUnit = typeof unit === "string" ? unit : "rem";
return `clamp(${min}${sFtUnit}, calc(${min}${sFtUnit} + ((${max} - ${min}) * ((100vw - ${screenMin}${sFtUnit}) / (${screenMax} - ${screenMin})))), ${max}${sFtUnit})`;
}
return max;
};