Deal with sub-pixels the JS way

MatrixRounder.js

function attachRounder (element) {
  window.addEventListener('resize', () => makeRound(element));
  makeRound(element);
}

function makeRound (element) {
  let transform = window.getComputedStyle(element, null).getPropertyValue('transform');
  if (transform.indexOf('matrix') !== -1) {
    element.style.transform = transform.replace(/[\d\.]+/gi, function (match) { return Math.round(match);});
  }
}

export default attachRounder;