From 70646ca90798823932573f209eb30f6a8e82694f Mon Sep 17 00:00:00 2001
From: Sam <me@sampotts.me>
Date: Tue, 7 Jun 2016 12:34:36 +0100
Subject: See changelog (fixes #265, #253, #257)

---
 demo/src/less/components/examples.less | 51 ++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 demo/src/less/components/examples.less

(limited to 'demo/src/less/components/examples.less')

diff --git a/demo/src/less/components/examples.less b/demo/src/less/components/examples.less
new file mode 100644
index 00000000..24bf1e9c
--- /dev/null
+++ b/demo/src/less/components/examples.less
@@ -0,0 +1,51 @@
+// ==========================================================================
+// Examples
+// ==========================================================================
+
+section {
+    margin: 0 auto @padding-base;
+    max-width: @example-width-video;
+}
+
+// For non supported browsers
+video {
+    max-width: 100%;
+    vertical-align: middle;
+}
+
+// Example players
+.plyr {
+    margin: 0 auto;
+    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 {
+    display: none;
+    margin-top: @padding-base;
+
+    .icon {
+        margin-right: (@padding-base / 4);
+    }
+}
+
+.plyr--video:not(.plyr--youtube):not(.plyr--vimeo) ~ ul .plyr__cite--video,
+.plyr--audio ~ ul .plyr__cite--audio,
+.plyr--youtube ~ ul .plyr__cite--youtube,
+.plyr--vimeo ~ ul .plyr__cite--vimeo {
+    display: block;
+}
-- 
cgit v1.2.3


From bf9de231d8046cd6a5ec90e22bf8585019cbd1d0 Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Sun, 10 Jul 2016 20:45:54 +1000
Subject: Styling minor tweaks

---
 demo/src/less/components/examples.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'demo/src/less/components/examples.less')

diff --git a/demo/src/less/components/examples.less b/demo/src/less/components/examples.less
index 24bf1e9c..8649c023 100644
--- a/demo/src/less/components/examples.less
+++ b/demo/src/less/components/examples.less
@@ -21,7 +21,7 @@ video {
 .plyr--audio {
     max-width: @example-width-audio;
 }
-.plyr--video::after {
+.plyr__video-wrapper::after {
     content: "";
     pointer-events: none;
     position: absolute;
-- 
cgit v1.2.3