Edward Matthews

@edwardmatthe.ws

39 Followers 63 Following

Full Stack Developer.

.responsive-text { --unit: 1rem; --_begin: var(--min-screen-size, 20); --_end: var(--max-screen-size, 80); --_min: var(--min-font-size, 1); --_max: var(--max-font-size, 3); --_slope: calc((var(--_max) - var(--_min)) / (var(--_end) - var(--_begin))); --_intercept: calc(var(--_min) - var(--_slope) * var(--_begin)); font-size: clamp( calc(var(--_min) * var(--unit)), calc((var(--_slope) * 100vw) + (var(--_intercept) * var(--unit))), calc(var(--_max) * var(--unit)) ); }