From 2546ebb2d34aef02d179b9c3d510da726ff83b42 Mon Sep 17 00:00:00 2001
From: Blackbaud-SteveBrush <steve.brush@blackbaud.com>
Date: Tue, 19 Jun 2018 10:48:07 -0400
Subject: [PATCH] Support tilde imports for SCSS files

---
 cli/utils/stage-library-ts.js | 3 +++
 package.json                  | 1 +
 2 files changed, 4 insertions(+)

diff --git a/cli/utils/stage-library-ts.js b/cli/utils/stage-library-ts.js
index bcc0f6af..49945fb7 100644
--- a/cli/utils/stage-library-ts.js
+++ b/cli/utils/stage-library-ts.js
@@ -5,6 +5,8 @@ const fs = require('fs-extra');
 const glob = require('glob');
 const path = require('path');
 const sass = require('node-sass');
+const tildeImporter = require('node-sass-tilde-importer');
+
 const skyPagesConfigUtil = require('../../config/sky-pages/sky-pages.config');
 const spaPathTempSrc = skyPagesConfigUtil.spaPathTempSrc();
 
@@ -88,6 +90,7 @@ function getHtmlContents(filePath) {
 function compileSass(filePath) {
   return sass.renderSync({
     file: filePath,
+    importer: tildeImporter,
     outputStyle: 'compressed'
   }).css;
 }
diff --git a/package.json b/package.json
index fc18f3fd..89277640 100644
--- a/package.json
+++ b/package.json
@@ -81,6 +81,7 @@
     "lodash.mergewith": "4.6.0",
     "ngc-webpack": "3.0.0",
     "node-sass": "4.5.3",
+    "node-sass-tilde-importer": "1.0.2",
     "open": "0.0.5",
     "portfinder": "1.0.13",
     "protractor": "5.1.2",