@karibash/pixel-units

Type-safe and mutually convertible pixel units.

Usage no npm install needed!

<script type="module">
  import karibashPixelUnits from 'https://cdn.skypack.dev/@karibash/pixel-units';
</script>

README

pixel-units

Github Twitter

🔧 Features

Absolute length units

  • px
  • cm
  • mm
  • Q
  • in
  • pc
  • pt

Relative length units

  • rem
  • em
  • vw
  • vh
  • vmin
  • vmax

Multiplication units

  • percent
  • magnification

👏 Getting Started

The basic usage is as follows:

import { Unit, convertUnits } from '@karibash/pixel-units';

const pixel: Unit<'px'> = '32px';
const rem = convertUnits(pixel, 'rem');

console.log(rem);
// -> 2rem

🚀 Installation

$ npm install @karibash/pixel-units

🤝 Contributing

Contributions, issues and feature requests are welcome.

Feel free to check issues page if you want to contribute.

📝 License

Copyright © 2020 @Karibash.

This project is MIT licensed.