Support appearance customization in site config

Closes #7
Closes #13

2 files changed, 12 insertions, 10 deletions

diff --git a/assets/sass/researcher.scss b/assets/sass/researcher.scss
index df6c643..d75810f 100644
--- a/assets/sass/researcher.scss
+++ b/assets/sass/researcher.scss
@@ -1,6 +1,15 @@
-@import "variables";
+// Sizes
+$max-width: {{ .Param "style.pageWidth" }};
+$avatar-size: {{ .Param "style.avatarSize" }};
 
-// Internal variables
+// Colors
+$black: {{ .Param "style.colorBlack" }};
+$red: {{ .Param "style.colorRed" }};
+
+// Font
+$font-family: {{ .Param "style.fontFamily" }};
+
+// Margins
 $y-small: 0.6rem;
 $y-medium: 1.0rem;
 
@@ -36,7 +45,7 @@ $y-medium: 1.0rem;
 // Style
 * {
     color: $black;
-    font-family: "Inconsolata";
+    font-family: $font-family;
     line-height: 1.2;
 }
 .container {
diff --git a/assets/sass/variables.scss b/assets/sass/variables.scss
deleted file mode 100644
index 637e37a..0000000
--- a/assets/sass/variables.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// Sizes
-$max-width: 750px;
-$avatar-size: 90px;
-
-// Colors
-$black: #222222;
-$red: #dc3545;