1 files changed, 44 insertions, 0 deletions
diff --git a/demo/src/less/components/players.less b/demo/src/less/components/players.less
new file mode 100644
index 00000000..c0f3e965
--- /dev/null
+++ b/demo/src/less/components/players.less
@@ -0,0 +1,44 @@
+// ==========================================================================
+// Examples
+// ==========================================================================
+
+// For non supported browsers
+video {
+    max-width: 100%;
+    vertical-align: middle;
+}
+
+// Example players
+.plyr {
+    margin: 0 auto;
+    border-radius: @border-radius-base;
+    box-shadow: 0 2px 5px fade(#000, 20%);
+}
+.plyr__video-wrapper::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: @spacing-base;
+
+    .icon {
+        margin-right: (@spacing-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;
+}