title: Enable :focus only on keyboard use (or tab press)
body: <p>I want to disable <code>:focus</code> when it's not needed because I don't like how my navigation looks when the focus is on it. It uses the same style as <code>.active</code> and it's confusing. However I don't want to get rid of it for people who use keyboard. </p>
  
  <p>I was thinking to add a class <code>enabled-focus</code> on the body on tab press and then have <code>body.enabled-focus a:focus{...}</code> but that would add a lot of extra CSS for every element that has focus. Then remove that class from the body on first mouse down.</p>
  
  <p>How would I go about it? Is there a better solution?</p>