Use vendor function for 'experimental' CSS

Author: Aaron Imming

src/assets/sass/scratch/_flyout.scss

@@ -1,5 +1,7 @@
+@import '../base/mixins';
+
 .blocklyFlyout {
-    filter: drop-shadow(0 10px 5px #999);
+    @include vendor(filter, drop-shadow(0 10px 5px #999));
 }
 
 .blocklyFlyoutBackground {

src/assets/sass/scratch/_toolbox.scss

@@ -1,3 +1,5 @@
+@import '../base/mixins';
+
 $category-colours: (
     trade-definition: #303f9f,
     before-purchase : #00897b,
@@ -63,8 +65,8 @@ $category-colours: (
         position: absolute;
         top: 0.6em;
         right: 0.6em;
-        transform: rotate(90deg);
-        transition: transform 0.25s ease;
+        @include vendor(transform, rotate(90deg));
+        @include vendor(transition, transform 0.25s ease);
     }
     &__item {
         position: relative;
@@ -90,7 +92,7 @@ $category-colours: (
         }
         #{$toolbox}__arrow {
             position: relative;
-            transform: rotate(270deg);
+            @include vendor(transform, rotate(270deg));
             margin-top: -2px;
             top: 0;
             right: -2px;