Building a sidenav component

Sidenav is a responsive slide-out navigation system for the web. It has one sidebar and toggles only when at a "mobile" viewport of 540px or less. It is stateful, supports keyboard navigation, works with and without JavaScript, and works across browsers. Here's a video version of this post.