Overhaul top nav + button styles + input styles (#4)

* button and input styles, overhaul the top nav, change padding and margin around containers

* add postcss nesting

* put the hamburger menu back in

Author: colegoldsmith

gulp.d/tasks/build.js

@@ -11,6 +11,7 @@ const ospath = require('path')
 const path = ospath.posix
 const postcss = require('gulp-postcss')
 const postcssCalc = require('postcss-calc')
+const postcssNesting = require('postcss-nesting')
 const postcssImport = require('postcss-import')
 const postcssUrl = require('postcss-url')
 const postcssVar = require('postcss-custom-properties')
@@ -47,6 +48,7 @@ module.exports = (src, dest, preview) => () => {
         },
       },
     ]),
+    postcssNesting,
     // NOTE because css vars are our theme switching mechanism we must preserve them with preserve: true
     postcssVar({ preserve: true }),
     // NOTE to make vars.css available to all top-level stylesheets, use the next line in place of the previous one