Initial SCSS setup

gulpfile.js

@@ -18,8 +18,8 @@ let gulp = require('gulp'),
     node,
     spawn = require('child_process').spawn,
     paths = {
-        bourbon: 'node_modules/bourbon/app',
-        neat: 'node_modules/bourbon-neat/app',
+        bourbon: 'node_modules/bourbon/app/assets/stylesheets',
+        neat: 'node_modules/bourbon-neat/app/assets/stylesheets',
         scss_base: 'node_modules/scss-base/src',
         tsconfig: 'src/app/tsconfig.json',
         ts: 'src/app/**/*.ts',

src/scss/_neat-settings.scss

@@ -0,0 +1,16 @@
+@import 'neat-helpers';
+
+//$visual-grid: true;
+$visual-grid-color: #f00;
+$visual-grid-index: front;
+$visual-grid-opacity: .1;
+
+$max-width: em(1000);
+
+$first-break: em(490);
+$second-break: em(700);
+
+$small: new-breakpoint(max-width $first-break 6);
+$medium: new-breakpoint(min-width $first-break max-width $second-break 12);
+$large: new-breakpoint(min-width $second-break 18);
+

src/scss/_scss-base-settings.scss

@@ -0,0 +1,7 @@
+$color-primary: #2b87d8;
+$color-text-button: #fff;
+
+$font-url: 'https://fonts.googleapis.com/css?family=Oxygen:400,700';
+$font-name: 'Oxygen';
+$font-name-mono: 'Oxygen';
+

src/scss/main.scss

@@ -0,0 +1,11 @@
+// Bourbon and Neat
+@import 'bourbon';
+@import 'neat-settings';
+@import 'neat';
+
+// scss-base
+@import 'scss-base-settings';
+@import 'scss-base';
+
+// Local styles
+