3 files changed, 16 insertions, 6 deletions
diff --git a/docs/src/less/lib/animation.less b/docs/src/less/lib/animation.less
new file mode 100644
index 00000000..386c6613
--- /dev/null
+++ b/docs/src/less/lib/animation.less
@@ -0,0 +1,9 @@
+// ==========================================================================
+// Animations
+// ==========================================================================
+
+// Fade
+@keyframes fade-in {
+	0% 		{ opacity: 0 }
+	100% 	{ opacity: 1 }
+}
+\ No newline at end of file
diff --git a/docs/src/less/lib/fontface.less b/docs/src/less/lib/fontface.less
index 479f7fa4..9442f17d 100644
--- a/docs/src/less/lib/fontface.less
+++ b/docs/src/less/lib/fontface.less
@@ -1,16 +1,18 @@
+// ==========================================================================
+// Fonts
+// ==========================================================================
+
 @font-face {
     font-family: "Avenir";
     src:    url("//cdn.plyr.io/fonts/avenir-medium.woff2") format("woff2"), 
-            url("//cdn.plyr.io/fonts/avenir-medium.woff") format("woff"), 
-            url("//cdn.plyr.io/fonts/avenir-medium.ttf")  format("truetype");
+            url("//cdn.plyr.io/fonts/avenir-medium.woff") format("woff");
     font-style:   normal;
     font-weight:  400;
 }
 @font-face {
     font-family: "Avenir";
     src:    url("//cdn.plyr.io/fonts/avenir-bold.woff2") format("woff2"), 
-            url("//cdn.plyr.io/fonts/avenir-bold.woff") format("woff"), 
-            url("//cdn.plyr.io/fonts/avenir-bold.ttf")  format("truetype");
+            url("//cdn.plyr.io/fonts/avenir-bold.woff") format("woff");
     font-style:   normal;
     font-weight:  600;
 }
 \ No newline at end of file
diff --git a/docs/src/less/lib/mixins.less b/docs/src/less/lib/mixins.less
index a4451b1c..923df1ea 100644
--- a/docs/src/less/lib/mixins.less
+++ b/docs/src/less/lib/mixins.less
@@ -17,7 +17,6 @@
     // Default
     outline: thin dotted @gray-dark;
     // Webkit
-    //outline: 5px auto -webkit-focus-ring-color;
     outline-offset: 1px;
 }
 
@@ -25,7 +24,7 @@
 // Leave <body> at 100%/16px
 // ---------------------------------------
 .font-size(@font-size: 16){
-    @rem: round((@font-size / 16), 1);
+    @rem: round((@font-size / 16), 3);
     font-size: (@font-size * 1px);
     font-size: ~"@{rem}rem";
 }