Add fontawesome and links to sidebar

_sass/_util.scss

@@ -0,0 +1,43 @@
+// Mixins thanks to https://css-tricks.com/snippets/sass/mixin-prefix-properties/
+
+
+/// 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
+
+//example: @include prefix(transform, rotate(45deg), webkit ms);
+
+@mixin prefix($property, $value, $prefixes: ()) {
+    @each $prefix in $prefixes {
+        #{'-' + $prefix + '-' + $property}: $value;
+    }
+   
+    // Output standard non-prefixed declaration
+    #{$property}: $value;
+}
+
+
+/// Mixin to prefix several properties at once
+/// @author Hugo Giraudel
+/// @param {Map} $declarations - Declarations to prefix
+/// @param {List} $prefixes (()) - List of prefixes to print
+
+//example: 
+// @include prefix((
+//     column-count: 3,
+//     column-gap: 1.5em,
+//     column-rule: 2px solid hotpink
+// ), webkit moz);
+
+@mixin prefix-group($declarations, $prefixes: ()) {
+    @each $property, $value in $declarations {
+        @each $prefix in $prefixes {
+            #{'-' + $prefix + '-' + $property}: $value;
+        }
+  
+        // Output standard non-prefixed declaration
+        #{$property}: $value;
+    }
+}