node_modules updated, buefy add to lib folder

node_modules/buefy/src/scss/utils/_all.scss

@@ -0,0 +1,4 @@
+@import "_functions.scss";
+@import "_variables.scss";
+@import "_helpers.scss";
+@import "_animations.scss";

node_modules/buefy/src/scss/utils/_animations.scss

@@ -0,0 +1,150 @@
+// Some of the animations are from animate.css (https://daneden.github.io/animate.css)
+
+// Fade out
+@keyframes fadeOut {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+}
+.fadeOut {
+    animation-name: fadeOut;
+}
+
+@keyframes fadeOutDown {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+        transform: translate3d(0, 100%, 0);
+    }
+}
+.fadeOutDown {
+    animation-name: fadeOutDown;
+}
+
+@keyframes fadeOutUp {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+        transform: translate3d(0, -100%, 0);
+    }
+}
+.fadeOutUp {
+    animation-name: fadeOutUp;
+}
+
+// Fade In
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+.fadeIn {
+    animation-name: fadeIn;
+}
+
+@keyframes fadeInDown {
+    from {
+        opacity: 0;
+        transform: translate3d(0, -100%, 0);
+    }
+    to {
+        opacity: 1;
+        transform: none;
+    }
+}
+.fadeInDown {
+    animation-name: fadeInDown;
+}
+
+@keyframes fadeInUp {
+    from {
+        opacity: 0;
+        transform: translate3d(0, 100%, 0);
+    }
+    to {
+        opacity: 1;
+        transform: none;
+    }
+}
+.fadeInUp {
+    animation-name: fadeInUp;
+}
+
+/**
+ * Vue Transitions
+ */
+
+// Fade
+.fade-enter-active,
+.fade-leave-active {
+    transition: opacity $speed-slow $easing;
+}
+.fade-enter,
+.fade-leave-to {
+    opacity: 0;
+}
+
+// Zoom In
+.zoom-in-enter-active,
+.zoom-in-leave-active {
+    transition: opacity $speed-slow $easing;
+    .animation-content,
+    .animation-content {
+        transition: transform $speed-slow $easing;
+    }
+}
+.zoom-in-enter,
+.zoom-in-leave-active {
+    opacity: 0;
+    .animation-content,
+    .animation-content {
+        transform: scale(0.95);
+    }
+}
+
+
+// Zoom Out
+.zoom-out-enter-active,
+.zoom-out-leave-active {
+    transition: opacity $speed-slow $easing;
+    .animation-content,
+    .animation-content {
+        transition: transform $speed-slow $easing;
+    }
+}
+.zoom-out-enter,
+.zoom-out-leave-active {
+    opacity: 0;
+    .animation-content,
+    .animation-content {
+        transform: scale(1.05);
+    }
+}
+
+// Slide
+.slide-next-enter-active,
+.slide-next-leave-active,
+.slide-prev-enter-active,
+.slide-prev-leave-active {
+    transition: transform $speed-slower cubic-bezier(0.785, 0.135, 0.150, 0.860);
+}
+.slide-prev-leave-to, .slide-next-enter {
+    transform: translate3d(-100%, 0, 0);
+    position: absolute;
+    width: 100%;
+}
+.slide-prev-enter, .slide-next-leave-to {
+    transform: translate3d(100%, 0, 0);
+    position: absolute;
+    width: 100%;
+}

node_modules/buefy/src/scss/utils/_functions.scss

@@ -0,0 +1,49 @@
+// Helper function to replace characters in a string
+@function str-replace($string, $search, $replace: '') {
+    $index: str-index($string, $search);
+    @return if($index,
+        str-slice($string, 1, $index - 1) + $replace +
+        str-replace(str-slice($string, $index +
+        str-length($search)), $search, $replace),
+        $string);
+}
+
+// Encode svg function by http://codepen.io/jakob-e/pen/doMoML
+@function svg-encode($svg){
+    // Chunk up string in order to avoid "stack level too deep" error
+    $encoded:'';
+    $slice: 2000;
+    $index: 0;
+    $loops: ceil(str-length($svg)/$slice);
+    @for $i from 1 through $loops {
+        $chunk: str-slice($svg, $index, $index + $slice - 1);
+        // Encode
+        $chunk: str-replace($chunk, '"', '\'');
+        $chunk: str-replace($chunk, '%', '%25');
+        $chunk: str-replace($chunk, '#', '%23');
+        $chunk: str-replace($chunk, '{', '%7B');
+        $chunk: str-replace($chunk, '}', '%7D');
+        $chunk: str-replace($chunk, '<', '%3C');
+        $chunk: str-replace($chunk, '>', '%3E');
+
+        $encoded: #{$encoded}#{$chunk};
+        $index: $index + $slice;
+    }
+    @return "data:image/svg+xml,#{$encoded}";
+}
+
+@function checkmark($color) {
+    $start: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1">';
+    $content: '<path style="fill:#{$color}" d="M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z"></path>';
+    $end: '</svg>';
+
+    @return svg-encode("#{$start}#{$content}#{$end}");
+}
+
+@function indeterminate($color) {
+    $start: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1">';
+    $content: '<rect style="fill:#{$color}" width="0.7" height="0.2" x=".15" y=".4"></rect>';
+    $end: '</svg>';
+
+    @return svg-encode("#{$start}#{$content}#{$end}");
+}

node_modules/buefy/src/scss/utils/_helpers.scss

@@ -0,0 +1,6 @@
+.is-noscroll {
+    position: fixed;
+    overflow-y: hidden;
+    width: 100%;
+    bottom: 0;
+}

node_modules/buefy/src/scss/utils/_variables.scss

@@ -0,0 +1,13 @@
+$speed-slow: 150ms !default;
+$speed-slower: 250ms !default;
+
+$primary: #7957d5 !default;
+$primary-invert: $white !default;
+
+$info: #167df0 !default;
+
+$link: $primary !default;
+$link-invert: $primary-invert !default;
+$link-visited: $grey !default;
+$link-focus-border: $primary !default;
+