Update Koneko integration

resources/public/vendor/animated-headline/partials/_layout.scss

@@ -0,0 +1,20 @@
+// breakpoints
+   
+$S:     480px;   
+$M:     768px;     
+$L:     1170px;     
+
+// media queries
+
+@mixin MQ($canvas) {
+  @if $canvas == S {
+   @media only screen and (min-width: $S) { @content; } 
+  }
+  @else if $canvas == M {
+   @media only screen and (min-width: $M) { @content; } 
+  }
+  @else if $canvas == L {
+   @media only screen and (min-width: $L) { @content; } 
+  }
+}
+

resources/public/vendor/animated-headline/partials/_mixins.scss

@@ -0,0 +1,21 @@
+// center vertically and/or horizontally an absolute positioned element
+
+@mixin center($xy:xy) {
+  @if $xy == xy {
+    left: 50%;
+    top: 50%;
+    bottom: auto;
+    right: auto;
+    @include transform(translateX(-50%) translateY(-50%));
+  }
+  @else if $xy == x {
+    left: 50%;
+    right: auto;
+    @include transform(translateX(-50%));
+  }
+  @else if $xy == y {
+    top: 50%;
+    bottom: auto;
+    @include transform(translateY(-50%));
+  }
+}

resources/public/vendor/animated-headline/partials/_variables.scss

@@ -0,0 +1,9 @@
+// colors
+
+$color-1: #aebcb9; // Tower Gray
+$color-2: #0096a7; // Bondi Blue
+$color-3: #0d0d0d; // Cod Gray
+
+// fonts 
+
+$primary-font: 'Source Sans Pro', sans-serif;