let users define their own font

content/assets/stylesheets/includes/navbar.scss

@@ -1,28 +1,29 @@
 #navbar {
     align-items: flex-end;
-
-  z-index: 100;
     margin-bottom: 10px;
+    z-index: 100;
 
     .logo-wrapper {
         padding-bottom: 0;
         position: relative;
 
         #santa {
-      position: absolute;
-      z-index: 300;
-      left: 5px;
             bottom: 0;
+            left: 5px;
+            position: absolute;
             width: 60px;
+            z-index: 300;
         }
     }
 
     .navbar:not(.is-transparent) #logo-link {
         @include desktop {
-      width: 124px;
             border-bottom: 2px solid $body-background;
             margin-bottom: -2px;
+            width: 124px;
         }
+
+
         #logo {
             @include desktop {
                 max-width: none;

content/assets/stylesheets/includes/variables.scss

@@ -1,32 +1,35 @@
 // Colours
-$zeus-orange: #FF7F00;
-$zeus-blue: #00C4FF;
+$zeus-orange: #ff7f00;
+$zeus-blue: #00c4ff;
 
-$body-background: white;
+$body-background: #fff;
 
 $tile-orange: $zeus-orange;
 
-$navbar-border-color: #CCC;
-$event-border-color: #DDD;
+$navbar-border-color: #ccc;
+$event-border-color: #ddd;
 
 $orange: $zeus-orange;
 $blue: $zeus-blue;
-$turquoise: #30D1B2;
+$turquoise: #30d1b2;
 
 $link: $orange;
 $link-visited: $link;
 
 $border-hover: $blue;
 
-$box-colour: #EEE;
+$box-colour: #eee;
 $highlighted-box-colour: $zeus-orange;
-$highlighted-text-colour: white;
+$highlighted-text-colour: #fff;
 $highlighted-link-colour: #222324;
 
-$cammie-controls-color: rgba(0, 0, 0, 0.60);
+$cammie-controls-color: rgba(0, 0, 0, .60);
 
 $event-padding: 10px;
 
 $primary: $orange;
 $secondary: $zeus-blue;
 $tertiary: $box-colour;
+
+// Let's trust the font the user chose
+$family-sans-serif: sans-serif;

package-lock.json

@@ -5,9 +5,9 @@
   "requires": true,
   "dependencies": {
     "bulma": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.0.tgz",
-      "integrity": "sha1-1IAXDIdoy3dP9galqvXeqpLNpiI="
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.1.tgz",
+      "integrity": "sha512-wRSO2LXB+qI9Pyz2id+uZr4quz5aftSN7Ay1ysr1+krzVp3utD+Ci4CeKuZdrYGc800t65b7heXBL6qw2Wo/lQ=="
     },
     "bulma-divider": {
       "version": "0.0.1",

package.json

@@ -7,7 +7,7 @@
   "license": "MIT",
   "repository": "https://github.com/ZeusWPI/zeus.ugent.be",
   "dependencies": {
-    "bulma": "0.7.0",
+    "bulma": "0.7.1",
     "bulma-divider": "~0.0.1"
   }
 }