Docs tweaks

docs/src/less/components/base.less

@@ -16,7 +16,7 @@
 // Base
 html {
     height: 100%;
-    background: linear-gradient(#fff, @body-background) fixed;
+    background: @body-background fixed;
 }
 body {
     margin: 0;

docs/src/less/components/buttons.less

@@ -99,7 +99,7 @@ nav {
 // Buttons
 .btn {
 	padding: (@padding-base / 2) ((@padding-base / 2) + 2);
-	background: linear-gradient(lighten(@body-background, 2%), darken(@body-background, 3%));
+	background: linear-gradient(lighten(@off-white, 2%), darken(@off-white, 3%));
 	border: 1px solid @gray-light;
 	box-shadow: 0 1px 1px rgba(0,0,0, .05);
 	text-shadow: 0 1px 1px #fff;

docs/src/less/components/examples.less

@@ -7,20 +7,25 @@ section {
     max-width: @example-width-video;
 }
 
-video,
-.plyr__video-embed {
-    max-width: 100%;
-    vertical-align: middle;
-}
-
 // Example players
 .plyr {
     margin: 0 auto;
-    border-radius: @border-radius-base;
+    border-radius: @border-radius-large;
 }
 .plyr--audio {
     max-width: @example-width-audio;
 }
+.plyr--video::after {
+    content: "";
+    pointer-events: none;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border: 1px solid fade(#000, 15%);
+    border-radius: inherit;
+}
 
 // Style full supported player
 .plyr__cite {

docs/src/less/components/type.less

@@ -19,14 +19,13 @@ body {
 h1,
 h2 {
     letter-spacing: -.025em;
-    color: #2E3C44;
+    color: @brand-primary;
     margin: 0 0 (@padding-base / 2);
     line-height: 1.2;
     font-weight: @font-weight-bold;
 }
 h1 {
     .font-size(@font-size-h1);
-    color: #3498DB;
 }
 
 // Paragraph and small