diff options
| author | Sam Potts <me@sampotts.me> | 2015-02-15 14:05:15 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2015-02-15 14:05:15 +1100 |
| commit | 21c20614d56c307e31dd521c63c983026e83917f (patch) | |
| tree | f9d99607ead3e18a1c35b9103764dd6393e2b108 /assets/less | |
| parent | 0102e990ef99c55634aa588335d37ab5e56584da (diff) | |
| download | plyr-21c20614d56c307e31dd521c63c983026e83917f.tar.lz plyr-21c20614d56c307e31dd521c63c983026e83917f.tar.xz plyr-21c20614d56c307e31dd521c63c983026e83917f.zip | |
Feature detection for captions and fullscreen
Diffstat (limited to 'assets/less')
| -rw-r--r-- | assets/less/simple-media.less | 23 |
1 files changed, 19 insertions, 4 deletions
diff --git a/assets/less/simple-media.less b/assets/less/simple-media.less index 9fe52042..9219b331 100644 --- a/assets/less/simple-media.less +++ b/assets/less/simple-media.less @@ -127,7 +127,7 @@ text-align: center; .font-smoothing(); } - &.captions &-captions { + &.captions-active &-captions { display: block; } @@ -229,17 +229,18 @@ border: none; background: @progress-bg; cursor: pointer; + color: @progress-value-bg; &::-webkit-progress-bar { background: @progress-bg; } - // The value + // Inherit from currentColor; &::-webkit-progress-value { - background: @progress-value-bg; + background: currentColor; } &::-moz-progress-bar { - background: @progress-value-bg; + background: currentColor; } } } @@ -351,6 +352,20 @@ } } } + + // Some options are hidden by default + [data-player='captions'], + [data-player='captions'] + label, + [data-player='fullscreen'], + [data-player='fullscreen'] + label { + display: none; + } + &.captions-enabled [data-player='captions'], + &.captions-enabled [data-player='captions'] + label, + &.fullscreen-enabled [data-player='fullscreen'], + &.fullscreen-enabled [data-player='fullscreen'] + label { + display: inline-block; + } } // Fixing display for IE10+ |