Unitless NPM | npm.io

unitless

This package provides the list of unitless CSS properties (accepts a number but is not a distance). The list of properties that match this criteria is from react-dom-bindings's isUnitlessNumber.js.

As of 1.0.0, the list is from 18.2.0 of react-dom-bindings.

Usage

unitless has two names exports: unitlessNumbers and isUnitlessNumber.

// unitlessNumbers is a Set
import { unitlessNumbers, isUnitlessNumber } from "unitless";

const property = "property";
const value = 1;

if (unitlessNumbers.has(property)) {
  return value;
} else {
  return value + "px";
}

// or more succinctly

return unitlessNumbers.has(property) ? value : value + "px";

// alternatively, using isUnitlessNumber

return isUnitlessNumber(property) ? value : value + "px";