Type Alias MathFunctionFor_Length

MathFunctionFor_Length:
    | { type: "calc"; value: CalcFor_Length }
    | { type: "min"; value: CalcFor_Length[] }
    | { type: "max"; value: CalcFor_Length[] }
    | {
        type: "clamp";
        value: [CalcFor_Length, CalcFor_Length, CalcFor_Length];
    }
    | {
        type: "round";
        value: [RoundingStrategy, CalcFor_Length, CalcFor_Length];
    }
    | { type: "rem"; value: [CalcFor_Length, CalcFor_Length] }
    | { type: "mod"; value: [CalcFor_Length, CalcFor_Length] }
    | { type: "abs"; value: CalcFor_Length }
    | { type: "sign"; value: CalcFor_Length }
    | { type: "hypot"; value: CalcFor_Length[] }

A CSS math function.

Math functions may be used in most properties and values that accept numeric values, including lengths, percentages, angles, times, etc.

Type Declaration

{ type: "calc"; value: CalcFor_Length }
{ type: "min"; value: CalcFor_Length[] }
{ type: "max"; value: CalcFor_Length[] }
{ type: "clamp"; value: [CalcFor_Length, CalcFor_Length, CalcFor_Length] }
- type: "clamp"
- value: [CalcFor_Length, CalcFor_Length, CalcFor_Length]
  Min Items
  3
  
  Max Items
  3
{ type: "round"; value: [RoundingStrategy, CalcFor_Length, CalcFor_Length] }
- type: "round"
- value: [RoundingStrategy, CalcFor_Length, CalcFor_Length]
  Min Items
  3
  
  Max Items
  3
{ type: "rem"; value: [CalcFor_Length, CalcFor_Length] }
- type: "rem"
- value: [CalcFor_Length, CalcFor_Length]
  Min Items
  2
  
  Max Items
  2
{ type: "mod"; value: [CalcFor_Length, CalcFor_Length] }
- type: "mod"
- value: [CalcFor_Length, CalcFor_Length]
  Min Items
  2
  
  Max Items
  2
{ type: "abs"; value: CalcFor_Length }
{ type: "sign"; value: CalcFor_Length }
{ type: "hypot"; value: CalcFor_Length[] }