Vimeo fix

src/sass/components/embed.scss

@@ -7,10 +7,10 @@
     // Default to 16:9 ratio but this is set by JavaScript based on config
     $padding: ((100 / 16) * 9);
     $height: 200;
-    $offset: percentage(($height - $padding) / ($height / 50));
+    $offset: to-percentage(($height - $padding) / ($height / 50));
 
     height: 0;
-    padding-bottom: percentage($padding);
+    padding-bottom: to-percentage($padding);
 
     iframe {
         border: 0;
@@ -24,7 +24,7 @@
 
     // Vimeo hack
     > div {
-        padding-bottom: percentage($height);
+        padding-bottom: to-percentage($height);
         position: relative;
         transform: translateY(-$offset);
     }

src/sass/lib/functions.scss

@@ -0,0 +1,7 @@
+// ==========================================================================
+// Useful functions
+// ==========================================================================
+
+@function to-percentage($input) {
+    @return $input * 1%;
+}

src/sass/lib/mixins.scss

@@ -1,6 +1,5 @@
 // ==========================================================================
-// Plyr mixins
-// https://github.com/sampotts/plyr
+// Mixins
 // ==========================================================================
 
 // Nicer focus styles

src/sass/plyr.scss

@@ -19,6 +19,7 @@
 @import 'settings/tooltips';
 
 @import 'lib/animation';
+@import 'lib/functions';
 @import 'lib/mixins';
 
 @import 'base';