baseunit

Helpful unit

Usage no npm install needed!

<script type="module">
  import baseunit from 'https://cdn.skypack.dev/baseunit';
</script>

README

baseUnit

DOM module to replicate the vmin/vmax CSS unit. Take a look at an example.

Example

I commonly use this to set the base font-size on HTML in conjunction with rem units in my CSS. Here's an example of the JS:

var baseUnit = require('baseunit')
var head = document.getElementsByTagName('html')[0]

function setUnit () {
  var size = baseUnit()
  head.style.fontSize = size + '%'
}

setUnit()
window.addEventListener('resize', setUnit, false)