Set styling options with defaults to allow easier overwriting

Author: daviddarnes

_sass/_settings.scss

@@ -1,39 +1,39 @@
 // Background colours
-$backgroundColour: #ffffff;
-$codeBackgroundColour: #fafafa;
-$featureBackgroundColour: #f9fafa;
+$backgroundColour: #ffffff !default;
+$codeBackgroundColour: #fafafa !default;
+$featureBackgroundColour: #f9fafa !default;
 $accentColour: #05bf85;
 
 // Text colours
-$headingColour: #242e2b;
-$bodyColour: #384743;
-$linkColour: #05bf85;
-$hoverColour: #008000;
-$focusColour: #fa407a;
-$captionColour: #a8adac;
-$white: #ffffff;
+$headingColour: #242e2b !default;
+$bodyColour: #384743 !default;
+$linkColour: #05bf85 !default;
+$hoverColour: #008000 !default;
+$focusColour: #fa407a !default;
+$captionColour: #a8adac !default;
+$white: #ffffff !default;
 
 // Typography
 $bodytype: (
-  font-family: 'Georgia, serif',
+  font-family: "Georgia, serif",
   regular: 400,
   bold: 700,
   italic: italic,
   cap-height: 0.75
-);
+) !default;
 
 $headingtype: (
   font-family: '"Merriweather", serif',
   regular: 400,
   bold: 700,
   cap-height: 0.75
-);
+) !default;
 
 $monospacetype: (
-  font-family: 'Menlo, monospace',
+  font-family: "Menlo, monospace",
   regular: 400,
   cap-height: 0.68
-);
+) !default;
 
 // Font import, if you're using a non-standard web font
-@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
+@import url("https://fonts.googleapis.com/css?family=Merriweather:400,700");