A "lerp" or linear interpolation is a linear equation that expresses the straight line between two [x, y] points on a plane, as a function y = f(x). This function creates a CSS calc() expression which resolves an interpolation of two static values, relative to a low/high range of a dynamic value (width, font-size, viewport dimensions) using a combination of relative and absolute units. This enables numerous applications of dynamic values in CSS including for letter-spacing, line-height, font-size, margin, padding, width and height.
-
Notifications
You must be signed in to change notification settings - Fork 0
Dynamically scale values in CSS with calc() linear-equation expressions
License
lunelson/sass-lerp
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
About
Dynamically scale values in CSS with calc() linear-equation expressions
Resources
License
Stars
Watchers
Forks
Packages 0
No packages published