Removes outlines when using a mouse

smart-outline.js

import {on, off} from '@okiba/dom'

const outlineClass = 'is-outline-hidden'

function disableOutline() {
  on(window, 'keydown', enableOutline)
  off(window, 'mousemove', disableOutline)
  document.body.classList.add(outlineClass)
}

function enableOutline({keyCode}) {
  if (keyCode !== 9) return
  off(window, 'keydown', enableOutline)
  on(window, 'mousemove', disableOutline)
  document.body.classList.remove(outlineClass)
}

export default function smartOutline() {
  on(window, 'mousemove', disableOutline)
}