diff options
author | Sam Potts <sam@potts.es> | 2020-04-28 22:20:49 +1000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-04-28 22:20:49 +1000 |
commit | 99a26d65cf78851878841c5afc54830f1222ccb1 (patch) | |
tree | 6a2bf12ecfa2314725e6d8961ec9f6a986b5003b /src/sass/plugins/ads.scss | |
parent | 6aa21c1fae4a7b6dbcf1db1ee3b06f11d674869a (diff) | |
parent | 4915cf0120870db4a52b3be117efa22f8ca2bd3e (diff) | |
download | plyr-99a26d65cf78851878841c5afc54830f1222ccb1.tar.lz plyr-99a26d65cf78851878841c5afc54830f1222ccb1.tar.xz plyr-99a26d65cf78851878841c5afc54830f1222ccb1.zip |
Merge pull request #1796 from sampotts/develop
v3.6.0
Diffstat (limited to 'src/sass/plugins/ads.scss')
-rw-r--r-- | src/sass/plugins/ads.scss | 86 |
1 files changed, 43 insertions, 43 deletions
diff --git a/src/sass/plugins/ads.scss b/src/sass/plugins/ads.scss index 44ec5351..16fb43e4 100644 --- a/src/sass/plugins/ads.scss +++ b/src/sass/plugins/ads.scss @@ -3,54 +3,54 @@ // ========================================================================== .plyr__ads { - border-radius: inherit; - bottom: 0; - cursor: pointer; - left: 0; - overflow: hidden; - position: absolute; - right: 0; - top: 0; - z-index: -1; // Hide it by default + border-radius: inherit; + bottom: 0; + cursor: pointer; + left: 0; + overflow: hidden; + position: absolute; + right: 0; + top: 0; + z-index: -1; // Hide it by default - // Make sure the inner container is big enough for the ad creative. - > div, - > div iframe { - height: 100%; - position: absolute; - width: 100%; - } + // Make sure the inner container is big enough for the ad creative. + > div, + > div iframe { + height: 100%; + position: absolute; + width: 100%; + } - // The countdown label - &::after { - background: rgba($plyr-color-gray-9, 0.8); - border-radius: 2px; - bottom: $plyr-control-spacing; - color: #fff; - content: attr(data-badge-text); - font-size: 11px; - padding: 2px 6px; - pointer-events: none; - position: absolute; - right: $plyr-control-spacing; - z-index: 3; - } + // The countdown label + &::after { + background: $plyr-color-gray-900; + border-radius: 2px; + bottom: $plyr-control-spacing; + color: #fff; + content: attr(data-badge-text); + font-size: 11px; + padding: 2px 6px; + pointer-events: none; + position: absolute; + right: $plyr-control-spacing; + z-index: 3; + } - &::after:empty { - display: none; - } + &::after:empty { + display: none; + } } // Advertisement cue's for the progress bar .plyr__cues { - background: currentColor; - display: block; - height: $plyr-range-track-height; - left: 0; - margin: -($plyr-range-track-height / 2) 0 0; - opacity: 0.8; - position: absolute; - top: 50%; - width: 3px; - z-index: 3; // Between progress and thumb + background: currentColor; + display: block; + height: $plyr-range-track-height; + left: 0; + margin: -($plyr-range-track-height / 2) 0 0; + opacity: 0.8; + position: absolute; + top: 50%; + width: 3px; + z-index: 3; // Between progress and thumb } |