diff options
author | Sam Potts <me@sampotts.me> | 2016-06-25 22:35:04 +1000 |
---|---|---|
committer | Sam Potts <me@sampotts.me> | 2016-06-25 22:35:04 +1000 |
commit | be19b7271980db0df00fdc840150645c60457459 (patch) | |
tree | d7f1d0a2e2e47df17494d29fc2ed00704b34e72d /demo/src/less/components/examples.less | |
parent | 2fdcc18356510ab22998052eb9258238cd0de022 (diff) | |
parent | 4c1cdea56e2ed641642f2436673c21debc0022d0 (diff) | |
download | plyr-be19b7271980db0df00fdc840150645c60457459.tar.lz plyr-be19b7271980db0df00fdc840150645c60457459.tar.xz plyr-be19b7271980db0df00fdc840150645c60457459.zip |
Merge branch 'master' of https://github.com/Selz/plyr
# Conflicts:
# dist/plyr.css
# src/less/plyr.less
# src/scss/plyr.scss
Diffstat (limited to 'demo/src/less/components/examples.less')
-rw-r--r-- | demo/src/less/components/examples.less | 51 |
1 files changed, 51 insertions, 0 deletions
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; +} |