From 8a4383a4c53fe5af6ad978af598eeca79fe651e7 Mon Sep 17 00:00:00 2001
From: Gifford Nowland <hi@giffordnowland.com>
Date: Tue, 14 May 2019 07:32:16 -0400
Subject: [PATCH] Switch CSS to SASS

---
 app.js                        | 7 +++++++
 package.json                  | 1 +
 public/stylesheets/style.css  | 8 --------
 public/stylesheets/style.sass | 6 ++++++
 4 files changed, 14 insertions(+), 8 deletions(-)
 delete mode 100644 public/stylesheets/style.css
 create mode 100644 public/stylesheets/style.sass

diff --git a/app.js b/app.js
index 62dff0d..3ccf8e4 100644
--- a/app.js
+++ b/app.js
@@ -3,6 +3,7 @@ var express = require('express');
 var path = require('path');
 var cookieParser = require('cookie-parser');
 var logger = require('morgan');
+var sassMiddleware = require('node-sass-middleware');
 
 var indexRouter = require('./routes/index');
 var usersRouter = require('./routes/users');
@@ -17,6 +18,12 @@ app.use(logger('dev'));
 app.use(express.json());
 app.use(express.urlencoded({ extended: false }));
 app.use(cookieParser());
+app.use(sassMiddleware({
+  src: path.join(__dirname, 'public'),
+  dest: path.join(__dirname, 'public'),
+  indentedSyntax: true, // true = .sass and false = .scss
+  sourceMap: true
+}));
 app.use(express.static(path.join(__dirname, 'public')));
 
 app.use('/', indexRouter);
diff --git a/package.json b/package.json
index 256e201..5cf834f 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "express": "~4.16.1",
     "http-errors": "~1.6.3",
     "morgan": "~1.9.1",
+    "node-sass-middleware": "0.11.0",
     "request": "^2.88.0"
   },
   "devDependencies": {}
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
deleted file mode 100644
index 9453385..0000000
--- a/public/stylesheets/style.css
+++ /dev/null
@@ -1,8 +0,0 @@
-body {
-  padding: 50px;
-  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
-}
-
-a {
-  color: #00B7FF;
-}
diff --git a/public/stylesheets/style.sass b/public/stylesheets/style.sass
new file mode 100644
index 0000000..d683e30
--- /dev/null
+++ b/public/stylesheets/style.sass
@@ -0,0 +1,6 @@
+body
+  padding: 50px
+  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif
+
+a
+  color: #00B7FF