JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 30
  • Score
    100M100P100Q89419F
  • License MIT

Create dynamically interpolated values with CSS calc() expressions

Package Exports

  • @lunelson/sass-lerp

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@lunelson/sass-lerp) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Sass Lerp

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.

Questions?