ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More work on YouTube playback

Browse Source
This commit is contained in:
Sam Potts
2015-07-12 21:17:56 +10:00
parent 9d966e41b1
commit 093af22942
6 changed files with 231 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/src/less/docs.less
View File

@ -33,12 +33,16 @@
}
// Base
html {
font-size: 100%;
}
body {
font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
background: @off-white;
line-height: 1.5;
text-align: center;
color: @gray;
.font-smoothing(on);
}
// Error page
@ -142,7 +146,6 @@ a {
display: inline-block;
vertical-align: middle;
border-radius: 3px;
.font-smoothing(on);
font-weight: 600;
user-select: none;
}
@ -214,16 +217,19 @@ a {
.example-video .player {
max-width: 1200px;
video {
video,
iframe {
border-radius: 4px 4px 0 0;
}
iframe {
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
&-fullscreen,
&.fullscreen-active {
max-width: none;
}
}
// Footer
footer {
margin-bottom: @padding-base;

3
docs/src/less/lib/mixins.less
View File

@ -17,7 +17,6 @@
// Default
outline: thin dotted @gray-dark;
// Webkit
//outline: 5px auto -webkit-focus-ring-color;
outline-offset: 1px;
}
@ -25,7 +24,7 @@
// Leave <body> at 100%/16px
// ---------------------------------------
.font-size(@font-size: 16){
@rem: round((@font-size / 16), 1);
@rem: round((@font-size / 16), 3);
font-size: (@font-size * 1px);
font-size: ~"@{rem}rem";
}