Docs tweaks
This commit is contained in:
2
docs/dist/docs.css
vendored
2
docs/dist/docs.css
vendored
File diff suppressed because one or more lines are too long
2
docs/dist/docs.js
vendored
2
docs/dist/docs.js
vendored
File diff suppressed because one or more lines are too long
@ -21,7 +21,7 @@
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://github.com/selz/plyr" target="_blank" class="btn btn-primary" data-shr-network="github">
|
||||
<svg class="icon"><use xlink:href="#icon-github"/></svg>Get it on GitHub
|
||||
<svg class="icon"><use xlink:href="#icon-github"/></svg>Download on GitHub
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
|
@ -57,6 +57,7 @@ shr.setup({
|
||||
case 'video':
|
||||
player.source({
|
||||
type: 'video',
|
||||
title: 'Bug Buck Bunny',
|
||||
sources: [{
|
||||
src: 'https://cdn.selz.com/plyr/1.0/movie.mp4',
|
||||
type: 'video/mp4'
|
||||
@ -79,6 +80,7 @@ shr.setup({
|
||||
case 'audio':
|
||||
player.source({
|
||||
type: 'audio',
|
||||
title: '96 by Logistics',
|
||||
sources: [{
|
||||
src: 'https://cdn.selz.com/plyr/1.0/logistics-96-sample.mp3',
|
||||
type: 'audio/mp3'
|
||||
@ -93,6 +95,7 @@ shr.setup({
|
||||
case 'youtube':
|
||||
player.source({
|
||||
type: 'youtube',
|
||||
title: 'Introducing Apple Pencil',
|
||||
sources: 'iicnVez5U7M'
|
||||
});
|
||||
break;
|
||||
@ -100,6 +103,7 @@ shr.setup({
|
||||
case 'vimeo':
|
||||
player.source({
|
||||
type: 'vimeo',
|
||||
title: 'The Beaten Track',
|
||||
sources: '125220818'
|
||||
});
|
||||
break;
|
||||
|
@ -96,13 +96,12 @@ nav {
|
||||
box-shadow: inset 0 1px 0 #fff, 0 1px 1px rgba(0,0,0, .05);
|
||||
text-shadow: 0 1px 1px #fff;
|
||||
color: @gray;
|
||||
transition: all .3s ease;
|
||||
transition: background .3s ease, border .3s ease, color .3s ease;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #fff;
|
||||
border-color: darken(@gray-light, 5%);
|
||||
color: @link-color;
|
||||
border-color: darken(@gray-light, 8%);
|
||||
color: @gray;
|
||||
outline: 0;
|
||||
}
|
||||
&-youtube .icon {
|
||||
|
@ -5,6 +5,7 @@
|
||||
// Example players
|
||||
.player {
|
||||
margin: 0 auto @padding-base;
|
||||
max-width: @example-width-video;
|
||||
|
||||
&-controls {
|
||||
border-radius: 0 0 @border-radius-base @border-radius-base;
|
||||
@ -21,11 +22,6 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
.player-video,
|
||||
.player-youtube,
|
||||
.player-vimeo {
|
||||
max-width: @example-width-video;
|
||||
}
|
||||
video,
|
||||
.player-video-embed {
|
||||
border-radius: @border-radius-base;
|
||||
|
Reference in New Issue
Block a user