added current state from hippie main repo

commit state 175816
source/style/hippie

functions/_all.scss

@@ -0,0 +1,3 @@
+@import "color";
+@import "shade";
+@import "tint";

functions/_color.scss

@@ -0,0 +1,13 @@
+@function createColorMap($color, $percentage, $opacity) {
+  $map: (
+    base: $color,
+    light: lighten($color, $percentage),
+    dark: darken($color, $percentage),
+    trans: transparentize($color, $opacity)
+  );
+  @return $map;
+}
+
+@function basic_color($key: 'alpha') {
+  @return map-get($color_palette, $key);
+}

functions/_shade.scss

@@ -0,0 +1,24 @@
+@charset "UTF-8";
+
+// Mixes a color with black.
+//
+// @param {Color} $color
+//
+// @param {Number (Percentage)} $percent
+//   The amount of black to be mixed in.
+//
+// @example scss - Usage
+//   .element {
+//     background-color: shade(#0c85ff, 60%);
+//   }
+//
+// @example css - CSS Output
+//   .element {
+//     background-color: #074f99;
+//   }
+//
+// @return {Color}
+
+@function shade($color, $percent) {
+  @return mix(#000, $color, $percent);
+}

functions/_tint.scss

@@ -0,0 +1,24 @@
+@charset "UTF-8";
+
+// Mixes a color with white.
+//
+// @param {Color} $color
+//
+// @param {Number (Percentage)} $percent
+//   The amount of white to be mixed in.
+//
+// @example scss - Usage
+//   .element {
+//     background-color: tint(#0c85ff, 40%);
+//   }
+//
+// @example css - CSS Output
+//   .element {
+//     background-color: #9dceff;
+//   }
+//
+// @return {Color}
+
+@function tint($color, $percent) {
+  @return mix(#fff, $color, $percent);
+}