Add fontawesome and links to sidebar

css/style.scss

@@ -1,23 +1,49 @@
 ---
 ---
+@import 'util';
 @import 'colors';
-@import 'sidebar';
 @import 'fonts';
 
 
-/// Mixin to prefix a property
-/// @author Hugo Giraudel
-/// @param {String} $property - Property name
-/// @param {*} $value - Property value
-/// @param {List} $prefixes (()) - List of prefixes to print
-@mixin prefix($property, $value, $prefixes: ()) {
-    @each $prefix in $prefixes {
-      #{'-' + $prefix + '-' + $property}: $value;
-    }
-   
-    // Output standard non-prefixed declaration
-    #{$property}: $value;
-  }
+.blue {
+    fill: $blue;
+    background-color: $blue;
+}
+
+.orange {
+    fill: $orange;
+    background-color: $orange;
+}
+
+.green {
+    fill: $green;
+    background-color: $green;
+}
+
+.magenta {
+    fill: $magenta;
+    background-color: $magenta;
+}
+
+.dark-blue {
+    fill: $dark-blue;
+    background-color: $dark-blue;
+}
+
+.dark-orange {
+    fill: $dark-orange;
+    background-color: $dark-orange;
+}
+
+.dark-green {
+    fill: $dark-green;
+    background-color: $dark-green;
+}
+
+.dark-magenta {
+    fill: $dark-magenta;
+    background-color: $dark-magenta;
+}
 
 
 ::selection {