From 5e5059101046fedbb73c36e944c52d05a7ce1703 Mon Sep 17 00:00:00 2001 From: Matthew Ross Date: Thu, 21 Apr 2016 06:20:39 -0400 Subject: [PATCH] Initial SCSS setup --- gulpfile.js | 4 ++-- src/scss/_neat-settings.scss | 16 ++++++++++++++++ src/scss/_scss-base-settings.scss | 7 +++++++ src/scss/main.scss | 11 +++++++++++ src/scss/todo | 0 5 files changed, 36 insertions(+), 2 deletions(-) create mode 100644 src/scss/_neat-settings.scss create mode 100644 src/scss/_scss-base-settings.scss create mode 100644 src/scss/main.scss delete mode 100644 src/scss/todo diff --git a/gulpfile.js b/gulpfile.js index 79f5f73..8c846f3 100644 --- a/gulpfile.js +++ b/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', diff --git a/src/scss/_neat-settings.scss b/src/scss/_neat-settings.scss new file mode 100644 index 0000000..0a69e63 --- /dev/null +++ b/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); + diff --git a/src/scss/_scss-base-settings.scss b/src/scss/_scss-base-settings.scss new file mode 100644 index 0000000..495b642 --- /dev/null +++ b/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'; + diff --git a/src/scss/main.scss b/src/scss/main.scss new file mode 100644 index 0000000..327369e --- /dev/null +++ b/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 + diff --git a/src/scss/todo b/src/scss/todo deleted file mode 100644 index e69de29..0000000