the unholy rewrite pt. 1

changed some gruntfile stuff. nothing important. commented out
connect-dev server (4000) - I’m using ghost lab to test multiple
devices at once.
the unholy rewrite pt. 2

updated package.json with new npm versions.
now using npm-check-update to automate updating
the unholy rewrite pt.3 - CSS

removed a bunch of code that I don’t care for.
renamed most of the variables to a more organized fashion - really
liking this.
removed line mixin - no need for it
added font-size mixin
added p{margin-top:0;} to normalize
—
renamed the classes - back to the old style of elements inside the
major parent
using is-parent and is-expanded instead of the long form
moved everything inside the small screen breakpoint - wont stay like
this, but for now it works
reorganized all the small screen stuff to be together

HAVE NOT STARTED 768px + styles yet
the unholy rewrite pt. 4 - js

Detect Device
added this so that I can style directly for handheld devices. uses
agent detection, which is bad, I know. But it’s the only thing I found
that worked.

responsiveMenu
updated classes
added event scroll to lock the scroll of the background while the menu
is open.
the unholy rewrite pt.5 - HTML

added meta viewport for devices
added modernizr
moved js to the bottom
renamed elements with new classes
added large amount of dummy text to body for testing scroll
the unholy rewrite pt. 6 - Distribution

nothing fancy.
whole project now gzips into 27.5KB in 6 requests
this could be improved by combining JS files to be 4 requests