Skip to Content

fluidValue

See source on Github

Generates a fluid value based on the given parameters.

  • @param minValue - The minimum value for the property (at the smallest viewport).
  • @param maxValue - The maximum value for the property (at the largest viewport).
  • @param minViewport - The minimum viewport width where the fluid value starts.
  • @param maxViewport - The maximum viewport width where the fluid value ends.
  • @param unit - The unit of the values (default is ‘px’).
  • @param clampMin - Whether to clamp the value at the minimum.
  • @param clampMax - Whether to clamp the value at the maximum.
  • @returns A string containing the CSS calc or clamp formula for the fluid value.