From daec1baebc3f7d5423ecee2384e76e9e733d8cd3 Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Sun, 4 Oct 2015 19:27:30 +1100
Subject: Source API changes, Vimeo fixes, still WIP

---
 docs/src/less/components/examples.less | 42 +++++++++++++++-------------------
 1 file changed, 19 insertions(+), 23 deletions(-)

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

diff --git a/docs/src/less/components/examples.less b/docs/src/less/components/examples.less
index f468e1a8..8c0b689e 100644
--- a/docs/src/less/components/examples.less
+++ b/docs/src/less/components/examples.less
@@ -3,46 +3,46 @@
 // ==========================================================================
 
 // Example players
-.example-audio .player,
-.example-video .player {
+.player {
     margin: 0 auto @padding-base;
 
     &-controls {
         border-radius: 0 0 @border-radius-base @border-radius-base;
     }
 }
-.example-audio .player {
+.player-audio {
     max-width: @example-width-audio;
 
-    &-controls {
+    .player-controls {
         border-radius: @border-radius-base;
     }
-    &-progress {
+    .player-progress {
         border-radius: @border-radius-base @border-radius-base 0 0;
         overflow: hidden;
     }
 }
-// Base styles
-.example-video .player {
+.player-video,
+.player-youtube,
+.player-vimeo {
     max-width: @example-width-video;
-
-    video,
-    iframe {
-        border-radius: @border-radius-base;
-    }
-    iframe {
-        -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
-    }
+}
+video,
+.player-video-embed {
+    border-radius: @border-radius-base;
+}
+.player-video-embed {
+    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
 }
 
 // Style full supported player
-.example-video .player-video,
-.example-video .player-youtube {
+.player-video,
+.player-youtube,
+.player-vimeo {
     video,
-    iframe {
+    .player-video-embed {
         border-radius: @border-radius-base @border-radius-base 0 0;
     }
-    &-fullscreen,
+    &.player-fullscreen,
     &.fullscreen-active {
         max-width: none;
 
@@ -55,8 +55,4 @@
             -webkit-mask-image: none;
         }
     }
-}
-.example-video .player-vimeo .player-video-embed {
-    border-radius: @border-radius-base @border-radius-base 0 0;
-    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
 }
\ No newline at end of file
-- 
cgit v1.2.3