feat(nav): make navbar static (#13673)

* feat(nav): make navbar static

make the navbar in react layout and the static layout stick to the top of the screen

* feat(challenges): Make classic view flex

Classic view now uses flex to control it's height. This was necessary to control view and allow
navbar to be static on other pages.

This breaks mobile view and other non-classic challenge views

* feat(app): Add logic to make screen expand on tablet

* fix(app): let routes define their content structure

* fix(less): use American spelling of gray

* fix(classic-preview): make preview smaller to prevent scroll

* feat(classic-frame): Make frame border less distinct

* fix(challenges): scope test suite less to challenges

* feat(challenges): make generic ChallengeTitle component

gulpfile.js

@@ -50,7 +50,6 @@ var Rx = require('rx'),
 
 Rx.config.longStackSupport = true;
 var sync = browserSync.create('fcc-sync-server');
-var reload = sync.reload.bind(sync);
 
 // user definable
 var __DEV__ = !yargs.argv.p;
@@ -111,7 +110,6 @@ var paths = {
     require.resolve('cal-heatmap'),
     require.resolve('moment').replace('.js', '.min.js'),
     require.resolve('moment-timezone').replace('index.js', 'builds/moment-timezone-with-data.min.js'),
-
     require.resolve('mousetrap').replace('.js', '.min.js'),
     require.resolve('lightbox2').replace('.js', '.min.js'),
     require.resolve('rx').replace('index.js', 'dist/rx.all.min.js')
@@ -124,7 +122,10 @@ var paths = {
   ],
 
   less: './client/less/main.less',
-  lessFiles: './client/less/**/*.less',
+  lessFiles: [
+    './client/**/*.less',
+    './common/**/*.less'
+  ],
 
   manifest: 'server/manifests/',
 
@@ -304,7 +305,10 @@ gulp.task('less', function() {
     .pipe(__DEV__ ? sourcemaps.init() : gutil.noop())
     // compile
     .pipe(less({
-      paths: [ path.join(__dirname, 'less', 'includes') ]
+      paths: [
+        path.join(__dirname, 'client', 'less'),
+        path.join(__dirname, 'common')
+      ]
     }))
     .pipe(__DEV__ ?
       sourcemaps.write({ sourceRoot: '/less' }) :