diff options
| author | Sam Potts <me@sampotts.me> | 2015-10-04 19:27:30 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2015-10-04 19:27:30 +1100 |
| commit | daec1baebc3f7d5423ecee2384e76e9e733d8cd3 (patch) | |
| tree | e722823c2244fc27b3c21c7d489dba1064b3baff /docs/src/less/components/examples.less | |
| parent | 0674e13bab50fea1b7e1a11924c62005b848d7d6 (diff) | |
| download | plyr-daec1baebc3f7d5423ecee2384e76e9e733d8cd3.tar.lz plyr-daec1baebc3f7d5423ecee2384e76e9e733d8cd3.tar.xz plyr-daec1baebc3f7d5423ecee2384e76e9e733d8cd3.zip | |
Source API changes, Vimeo fixes, still WIP
Diffstat (limited to 'docs/src/less/components/examples.less')
| -rw-r--r-- | docs/src/less/components/examples.less | 42 |
1 files changed, 19 insertions, 23 deletions
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 |