add-px-to-style

Will add px to the end of style values which are Numbers

Usage no npm install needed!

<script type="module">
  import addPxToStyle from 'https://cdn.skypack.dev/add-px-to-style';
</script>

README

add-px-to-style

experimental

Will add px to the end of style values which are Numbers. The following style properties will not have px added.

  • animationIterationCount
  • boxFlex
  • boxFlexGroup
  • boxOrdinalGroup
  • columnCount
  • fillOpacity
  • flex
  • flexGrow
  • flexPositive
  • flexShrink
  • flexNegative
  • flexOrder
  • gridRow
  • gridColumn
  • fontWeight
  • lineClamp
  • lineHeight
  • opacity
  • order
  • orphans
  • stopOpacity
  • strokeDashoffset
  • strokeOpacity
  • strokeWidth
  • tabSize
  • widows
  • zIndex
  • zoom

Usage

var addPxToStyle = require('add-px-to-style');

addPxToStyle('top', 22); // '22px'
addPxToStyle('zIndex', 3); // 3

NPM

License

MIT, see LICENSE.md for details.