Add bourbon styles

3 files changed, 8 insertions, 2 deletions

diff --git a/package.json b/package.json
index b9e7703..6e03ef5 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "node-bourbon": "^4.2.3",
     "node-sass": "^3.4.2",
     "sass-loader": "^3.1.2",
     "webpack": "^1.12.9",
diff --git a/style.scss b/style.scss
index f76ab10..9896856 100644
--- a/style.scss
+++ b/style.scss
@@ -1,5 +1,8 @@
+@import 'bourbon';
+
 body {
   background: #eee;
+  font-family: $lucida-grande;
   ol {
     display: inline;
     li {
diff --git a/webpack.config.js b/webpack.config.js
index bfdb909..7f27918 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,3 +1,5 @@
+var bourbon = require('node-bourbon').includePaths
+
 module.exports = {
     entry: './index.js',
     output: {
@@ -7,7 +9,7 @@ module.exports = {
     module: {
         loaders: [
             { test: /\.js$/, loader: 'babel' },
-            { test: /\.scss$/, loaders: ['style', 'css', 'sass'] }
+            { test: /\.scss$/, loader: 'style!css!sass?includePaths[]=' + bourbon }
         ]
     }
-};
\ No newline at end of file
+};