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

SASS fixes, Default font stack added

Browse Source
This commit is contained in:
Sam Potts 2016-03-13 21:22:51 +11:00
parent 87d174ac2c
commit c41e5320c8
3 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/plyr.css vendored
View File

File diff suppressed because one or more lines are too long

1
src/less/plyr.less
View File

@ -130,6 +130,7 @@
position: relative; position: relative;
max-width: 100%; max-width: 100%;
min-width: 290px; min-width: 290px;
font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
// border-box everything // border-box everything
// http://paulirish.com/2012/box-sizing-border-box-ftw/ // http://paulirish.com/2012/box-sizing-border-box-ftw/

15
src/sass/plyr.scss
View File

@ -44,8 +44,8 @@ $plyr-control-bg-hover: $plyr-blue !default;
// Tooltips // Tooltips
$plyr-tooltip-bg: $plyr-controls-bg !default; $plyr-tooltip-bg: $plyr-controls-bg !default;
$plyr-tooltip-border-color: transparentize(darken($plyr-controls-bg, 75%), .1) !default; $plyr-tooltip-border-color: transparentize(darken($plyr-controls-bg, 75%), .9) !default;
$plyr-tooltip-arrow-border-color: transparentize(darken($plyr-controls-bg, 75%), .2) !default; $plyr-tooltip-arrow-border-color: transparentize(darken($plyr-controls-bg, 75%), .8) !default;
$plyr-tooltip-border-width: 1px; $plyr-tooltip-border-width: 1px;
$plyr-tooltip-shadow: 0 0 5px $plyr-tooltip-border-color, 0 0 0 $plyr-tooltip-border-width $plyr-tooltip-border-color; $plyr-tooltip-shadow: 0 0 5px $plyr-tooltip-border-color, 0 0 0 $plyr-tooltip-border-width $plyr-tooltip-border-color;
@ -55,11 +55,11 @@ $plyr-tooltip-arrow-size: 6px !default;
$plyr-tooltip-radius: 3px !default; $plyr-tooltip-radius: 3px !default;
// Progress // Progress
$plyr-progress-bg: transparentize($plyr-gray, .2) !default; $plyr-progress-bg: transparentize($plyr-gray, .8) !default;
$plyr-progress-playing-bg: $plyr-blue !default; $plyr-progress-playing-bg: $plyr-blue !default;
$plyr-progress-buffered-bg: transparentize($plyr-gray, .25) !default; $plyr-progress-buffered-bg: transparentize($plyr-gray, .75) !default;
$plyr-progress-loading-size: 40px !default; $plyr-progress-loading-size: 40px !default;
$plyr-progress-loading-bg: transparentize(#000, .15) !default; $plyr-progress-loading-bg: transparentize(#000, .85) !default;
// Volume // Volume
$plyr-volume-track-height: 6px !default; $plyr-volume-track-height: 6px !default;
@ -130,6 +130,7 @@ $plyr-bp-captions-large: 768px !default; // When captions jump to th
position: relative; position: relative;
max-width: 100%; max-width: 100%;
min-width: 290px; min-width: 290px;
font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
// border-box everything // border-box everything
// http://paulirish.com/2012/box-sizing-border-box-ftw/ // http://paulirish.com/2012/box-sizing-border-box-ftw/
@ -218,7 +219,7 @@ $plyr-bp-captions-large: 768px !default; // When captions jump to th
span { span {
border-radius: 2px; border-radius: 2px;
padding: 3px 10px; padding: 3px 10px;
background: transparentize(#000, .9); background: transparentize(#000, .1);
} }
span:empty { span:empty {
display: none; display: none;
@ -243,7 +244,7 @@ $plyr-bp-captions-large: 768px !default; // When captions jump to th
background: $plyr-controls-bg; background: $plyr-controls-bg;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
box-shadow: 0 1px 1px transparentize($plyr-gray-dark, .2); box-shadow: 0 1px 1px transparentize($plyr-gray-dark, .8);
// Clear floats // Clear floats
&::after { &::after {