v3.6.12

- Fix: remove division logic from ads.scss (fixes #2370)
fix: remove division logic from ads.scss (fixes #2370 )
2021-12-17 07:45:19 +11:00 · 2021-12-17 07:39:58 +11:00
7 changed files with 13 additions and 11 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,3 +1,7 @@
+### v3.6.12
+
+- Fix: remove division logic from ads.scss (fixes #2370)
+
 ### v3.6.11

 - Fix: Replace `list.slash` added in 3.6.10 with `calc`
--- a/README.md
+++ b/README.md
@ -134,13 +134,13 @@ See [initialising](#initialising) for more information on advanced setups.
 You can use our CDN (provided by [Fastly](https://www.fastly.com/)) for the JavaScript. There's 2 versions; one with and one without [polyfills](#polyfills). My recommendation would be to manage polyfills separately as part of your application but to make life easier you can use the polyfilled build.

 ```html
-<script src="https://cdn.plyr.io/3.6.11/plyr.js"></script>
+<script src="https://cdn.plyr.io/3.6.12/plyr.js"></script>
 ```

 ...or...

 ```html
-<script src="https://cdn.plyr.io/3.6.11/plyr.polyfilled.js"></script>
+<script src="https://cdn.plyr.io/3.6.12/plyr.polyfilled.js"></script>
 ```

 ## CSS
@ -154,13 +154,13 @@ Include the `plyr.css` stylesheet into your `<head>`.
 If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the default CSS, you can use the following:

 ```html
-<link rel="stylesheet" href="https://cdn.plyr.io/3.6.11/plyr.css" />
+<link rel="stylesheet" href="https://cdn.plyr.io/3.6.12/plyr.css" />
 ```

 ## SVG Sprite

 The SVG sprite is loaded automatically from our CDN (provided by [Fastly](https://www.fastly.com/)). To change this, see the [options](#options) below. For
-reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.6.11/plyr.svg`.
+reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.6.12/plyr.svg`.

 # Ads

--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "plyr",
-  "version": "3.6.11",
+  "version": "3.6.12",
  "description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player",
  "homepage": "https://plyr.io",
  "author": "Sam Potts <sam@potts.es>",
--- a/src/js/config/defaults.js
+++ b/src/js/config/defaults.js
@ -61,7 +61,7 @@ const defaults = {
  // Sprite (for icons)
  loadSprite: true,
  iconPrefix: 'plyr',
-  iconUrl: 'https://cdn.plyr.io/3.6.11/plyr.svg',
+  iconUrl: 'https://cdn.plyr.io/3.6.12/plyr.svg',

  // Blank video (used to prevent errors on source change)
  blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
--- a/src/js/plyr.js
+++ b/src/js/plyr.js
@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr
-// plyr.js v3.6.11
+// plyr.js v3.6.12
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================
--- a/src/js/plyr.polyfilled.js
+++ b/src/js/plyr.polyfilled.js
@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr Polyfilled Build
-// plyr.js v3.6.11
+// plyr.js v3.6.12
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================
--- a/src/sass/plugins/ads.scss
+++ b/src/sass/plugins/ads.scss
@ -2,8 +2,6 @@
 // Advertisements
 // ==========================================================================

-@use 'sass:math';
-
 .plyr__ads {
  border-radius: inherit;
  bottom: 0;
@ -49,10 +47,10 @@
  display: block;
  height: $plyr-range-track-height;
  left: 0;
-  margin: -calc($plyr-range-track-height / 2) 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
+  transform: translateY(-50%);
  width: 3px;
  z-index: 3; // Between progress and thumb
 }
Author	SHA1	Message	Date
Sam Potts	1d0d6a3a92	v3.6.12 - Fix: remove division logic from ads.scss (fixes #2370)	2021-12-17 07:45:19 +11:00
Sam Potts	6a92e60a67	fix: remove division logic from ads.scss (fixes #2370 )	2021-12-17 07:39:58 +11:00