Styling tweaks

.prettierrc

@@ -3,5 +3,5 @@
     "tabWidth": 4,
     "printWidth": 160,
     "singleQuote": true,
-    "trailingComma": "es5"
+    "trailingComma": "all"
 }

demo/dist/demo.js

@@ -1,3 +1,3 @@
-document.addEventListener("DOMContentLoaded",function(){window.shr&&window.shr.setup({count:{classname:"button__count"}});document.addEventListener("focusout",function(e){e.target.classList.remove("tab-focus")}),document.addEventListener("keydown",function(e){9===e.keyCode&&window.setTimeout(function(){document.activeElement.classList.add("tab-focus")},0)});var e=new window.Plyr("#player",{debug:!0,title:"View From A Blue Moon",iconUrl:"../dist/plyr.svg",keyboard:{global:!0},tooltips:{controls:!0},captions:{active:!0},controls:["play-large","play","progress","current-time","mute","volume","captions","settings","fullscreen","pip","airplay"],keys:{google:"AIzaSyDrNwtN3nLH_8rjCmu5Wq3ZCm4MNAVdc0c"}});window.player=e;var t=document.querySelectorAll("[data-source]"),o={video:"video",audio:"audio",youtube:"youtube",vimeo:"vimeo"},i=window.location.hash.replace("#",""),r=window.history&&window.history.pushState;function a(e,t,o){e&&e.classList[o?"add":"remove"](t)}function n(r,n){if(r in o&&(n||r!==i)&&(i.length||r!==o.video)){switch(r){case o.video:e.source={type:"video",title:"View From A Blue Moon",sources:[{src:"media/View_From_A_Blue_Moon_Trailer-HD.mp4",type:"video/mp4"}],poster:"media/View_From_A_Blue_Moon_Trailer-HD.jpg",tracks:[{kind:"captions",label:"English",srclang:"en",src:"media/View_From_A_Blue_Moon_Trailer-HD.en.vtt",default:!0},{kind:"captions",label:"French",srclang:"fr",src:"media/View_From_A_Blue_Moon_Trailer-HD.fr.vtt"}]};break;case o.audio:e.source={type:"audio",title:"Kishi Bashi – “It All Began With A Burst”",sources:[{src:"https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.mp3",type:"audio/mp3"},{src:"https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.ogg",type:"audio/ogg"}]};break;case o.youtube:e.source={type:"video",title:"View From A Blue Moon",sources:[{src:"https://youtube.com/watch?v=bTqVqk7FSmY",provider:"youtube"}]};break;case o.vimeo:e.source={type:"video",sources:[{src:"https://vimeo.com/76979871",provider:"vimeo"}]}}i=r,Array.from(t).forEach(function(e){return a(e.parentElement,"active",!1)}),a(document.querySelector('[data-source="'+r+'"]'),"active",!0),Array.from(document.querySelectorAll(".plyr__cite")).forEach(function(e){e.setAttribute("hidden","")}),document.querySelector(".plyr__cite--"+r).removeAttribute("hidden")}}if(Array.from(t).forEach(function(e){e.addEventListener("click",function(){var t=e.getAttribute("data-source");n(t),r&&window.history.pushState({type:t},"","#"+t)})}),window.addEventListener("popstate",function(e){e.state&&"type"in e.state&&n(e.state.type)}),r){var s=!i.length;s&&(i=o.video),i in o&&window.history.replaceState({type:i},"",s?"":"#"+i),i!==o.video&&n(i,!0)}}),"plyr.io"===window.location.host&&(!function(e,t,o,i,r,a,n){e.GoogleAnalyticsObject="ga",e.ga=e.ga||function(){(e.ga.q=e.ga.q||[]).push(arguments)},e.ga.l=1*new Date,a=t.createElement("script"),n=t.getElementsByTagName("script")[0],a.async=1,a.src="//www.google-analytics.com/analytics.js",n.parentNode.insertBefore(a,n)}(window,document),window.ga("create","UA-40881672-11","auto"),window.ga("send","pageview"));
+document.addEventListener("DOMContentLoaded",function(){window.shr&&window.shr.setup({count:{classname:"button__count"}});var e="tab-focus";document.addEventListener("focusout",function(t){t.target.classList.remove(e)}),document.addEventListener("keydown",function(t){9===t.keyCode&&window.setTimeout(function(){document.activeElement.classList.add(e)},0)});var t=new window.Plyr("#player",{debug:!0,title:"View From A Blue Moon",iconUrl:"../dist/plyr.svg",keyboard:{global:!0},tooltips:{controls:!0},captions:{active:!0},controls:["play-large","play","progress","current-time","mute","volume","captions","settings","fullscreen","pip","airplay"],keys:{google:"AIzaSyDrNwtN3nLH_8rjCmu5Wq3ZCm4MNAVdc0c"}});window.player=t;var o=document.querySelectorAll("[data-source]"),i={video:"video",audio:"audio",youtube:"youtube",vimeo:"vimeo"},r=window.location.hash.replace("#",""),a=window.history&&window.history.pushState;function n(e,t,o){e&&e.classList[o?"add":"remove"](t)}function s(e,a){if(e in i&&(a||e!==r)&&(r.length||e!==i.video)){switch(e){case i.video:t.source={type:"video",title:"View From A Blue Moon",sources:[{src:"media/View_From_A_Blue_Moon_Trailer-HD.mp4",type:"video/mp4"}],poster:"media/View_From_A_Blue_Moon_Trailer-HD.jpg",tracks:[{kind:"captions",label:"English",srclang:"en",src:"media/View_From_A_Blue_Moon_Trailer-HD.en.vtt",default:!0},{kind:"captions",label:"French",srclang:"fr",src:"media/View_From_A_Blue_Moon_Trailer-HD.fr.vtt"}]};break;case i.audio:t.source={type:"audio",title:"Kishi Bashi – “It All Began With A Burst”",sources:[{src:"https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.mp3",type:"audio/mp3"},{src:"https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.ogg",type:"audio/ogg"}]};break;case i.youtube:t.source={type:"video",title:"View From A Blue Moon",sources:[{src:"https://youtube.com/watch?v=bTqVqk7FSmY",provider:"youtube"}]};break;case i.vimeo:t.source={type:"video",sources:[{src:"https://vimeo.com/76979871",provider:"vimeo"}]}}r=e,Array.from(o).forEach(function(e){return n(e.parentElement,"active",!1)}),n(document.querySelector('[data-source="'+e+'"]'),"active",!0),Array.from(document.querySelectorAll(".plyr__cite")).forEach(function(e){e.setAttribute("hidden","")}),document.querySelector(".plyr__cite--"+e).removeAttribute("hidden")}}if(Array.from(o).forEach(function(e){e.addEventListener("click",function(){var t=e.getAttribute("data-source");s(t),a&&window.history.pushState({type:t},"","#"+t)})}),window.addEventListener("popstate",function(e){e.state&&"type"in e.state&&s(e.state.type)}),a){var c=!r.length;c&&(r=i.video),r in i&&window.history.replaceState({type:r},"",c?"":"#"+r),r!==i.video&&s(r,!0)}}),"plyr.io"===window.location.host&&(!function(e,t,o,i,r,a,n){e.GoogleAnalyticsObject="ga",e.ga=e.ga||function(){(e.ga.q=e.ga.q||[]).push(arguments)},e.ga.l=1*new Date,a=t.createElement("script"),n=t.getElementsByTagName("script")[0],a.async=1,a.src="//www.google-analytics.com/analytics.js",n.parentNode.insertBefore(a,n)}(window,document),window.ga("create","UA-40881672-11","auto"),window.ga("send","pageview"));
 
 //# sourceMappingURL=demo.js.map

demo/src/sass/lib/normalize.scss

@@ -1,118 +1,47 @@
-/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
 
-/* ==========================================================================
+/* Document
-   HTML5 display definitions
    ========================================================================== */
 
 /**
- * Correct `block` display not defined in IE 8/9.
+ * 1. Correct the line height in all browsers.
- */
+ * 2. Prevent adjustments of font size after orientation changes in
-
+ *    IE on Windows Phone and in iOS.
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
-    display: block;
-}
-
-/**
- * Correct `inline-block` display not defined in IE 8/9.
- */
-
-audio,
-canvas,
-video {
-    display: inline-block;
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-    display: none;
-    height: 0;
-}
-
-/**
- * Address `[hidden]` styling not present in IE 8/9.
- * Hide the `template` element in IE, Safari, and Firefox < 22.
- */
-
-[hidden],
-template {
-    display: none;
-}
-
-/* ==========================================================================
-   Base
-   ========================================================================== */
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
  */
 
 html {
-    font-family: sans-serif; /* 1 */
+    line-height: 1.15; /* 1 */
     -ms-text-size-adjust: 100%; /* 2 */
     -webkit-text-size-adjust: 100%; /* 2 */
 }
 
+/* Sections
+     ========================================================================== */
+
 /**
- * Remove default margin.
+   * Remove the margin in all browsers (opinionated).
    */
 
 body {
     margin: 0;
 }
 
-/* ==========================================================================
-   Links
-   ========================================================================== */
-
 /**
- * Remove the gray background color from active links in IE 10.
+   * Add the correct display in IE 9-.
    */
 
-a {
+article,
-    background: transparent;
+aside,
+footer,
+header,
+nav,
+section {
+    display: block;
 }
 
 /**
- * Address `outline` inconsistency between Chrome and other browsers.
+   * Correct the font size and margin on `h1` elements within `section` and
- */
+   * `article` contexts in Chrome, Firefox, and Safari.
-
-a:focus {
-    outline: thin dotted;
-}
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
-    outline: 0;
-}
-
-/* ==========================================================================
-   Typography
-   ========================================================================== */
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari 5, and Chrome.
    */
 
 h1 {
@@ -120,25 +49,106 @@ h1 {
     margin: 0.67em 0;
 }
 
+/* Grouping content
+     ========================================================================== */
+
 /**
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
+   * Add the correct display in IE 9-.
+   * 1. Add the correct display in IE.
    */
 
-abbr[title] {
+figcaption,
-    border-bottom: 1px dotted;
+figure,
+main {
+    /* 1 */
+    display: block;
 }
 
 /**
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+   * Add the correct margin in IE 8.
+   */
+
+figure {
+    margin: 1em 40px;
+}
+
+/**
+   * 1. Add the correct box sizing in Firefox.
+   * 2. Show the overflow in Edge and IE.
+   */
+
+hr {
+    box-sizing: content-box; /* 1 */
+    height: 0; /* 1 */
+    overflow: visible; /* 2 */
+}
+
+/**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+
+pre {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+     ========================================================================== */
+
+/**
+   * 1. Remove the gray background on active links in IE 10.
+   * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+   */
+
+a {
+    background-color: transparent; /* 1 */
+    -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+   * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+   */
+
+abbr[title] {
+    border-bottom: none; /* 1 */
+    text-decoration: underline; /* 2 */
+    text-decoration: underline dotted; /* 2 */
+}
+
+/**
+   * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
    */
 
 b,
 strong {
-    font-weight: bold;
+    font-weight: inherit;
 }
 
 /**
- * Address styling not present in Safari 5 and Chrome.
+   * Add the correct font weight in Chrome, Edge, and Safari.
+   */
+
+b,
+strong {
+    font-weight: bolder;
+}
+
+/**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+
+code,
+kbd,
+samp {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+}
+
+/**
+   * Add the correct font style in Android 4.3-.
    */
 
 dfn {
@@ -146,54 +156,16 @@ dfn {
 }
 
 /**
- * Address differences between Firefox and other browsers.
+   * Add the correct background and color in IE 9-.
- */
-
-hr {
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-    height: 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
    */
 
 mark {
-    background: #ff0;
+    background-color: #ff0;
     color: #000;
 }
 
 /**
- * Correct font family set oddly in Safari 5 and Chrome.
+   * Add the correct font size in all browsers.
- */
-
-code,
-kbd,
-pre,
-samp {
-    font-family: monospace, serif;
-    font-size: 1em;
-}
-
-/**
- * Improve readability of pre-formatted text in all browsers.
- */
-
-pre {
-    white-space: pre-wrap;
-}
-
-/**
- * Set consistent quote types.
- */
-
-q {
-    quotes: '\201C' '\201D' '\2018' '\2019';
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
    */
 
 small {
@@ -201,7 +173,8 @@ small {
 }
 
 /**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+   * Prevent `sub` and `sup` elements from affecting the line height in
+   * all browsers.
    */
 
 sub,
@@ -212,195 +185,266 @@ sup {
     vertical-align: baseline;
 }
 
-sup {
-    top: -0.5em;
-}
-
 sub {
     bottom: -0.25em;
 }
 
-/* ==========================================================================
+sup {
-   Embedded content
+    top: -0.5em;
+}
+
+/* Embedded content
      ========================================================================== */
 
 /**
- * Remove border when inside `a` element in IE 8/9.
+   * Add the correct display in IE 9-.
    */
 
-img {
+audio,
-    border: 0;
+video {
+    display: inline-block;
 }
 
 /**
- * Correct overflow displayed oddly in IE 9.
+   * Add the correct display in iOS 4-7.
+   */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+   * Remove the border on images inside links in IE 10-.
+   */
+
+img {
+    border-style: none;
+}
+
+/**
+   * Hide the overflow in IE.
    */
 
 svg:not(:root) {
     overflow: hidden;
 }
 
-/* ==========================================================================
+/* Forms
-   Figures
      ========================================================================== */
 
 /**
- * Address margin not present in IE 8/9 and Safari 5.
+   * 1. Change the font styles in all browsers (opinionated).
- */
+   * 2. Remove the margin in Firefox and Safari.
-
-figure {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Forms
-   ========================================================================== */
-
-/**
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-    border: 0; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/**
- * 1. Correct font family not being inherited in all browsers.
- * 2. Correct font size not being inherited in all browsers.
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
    */
 
 button,
 input,
+optgroup,
 select,
 textarea {
-    font-family: inherit; /* 1 */
+    font-family: sans-serif; /* 1 */
-    font-size: 100%; /* 2 */
+    font-size: 100%; /* 1 */
-    margin: 0; /* 3 */
+    line-height: 1.15; /* 1 */
+    margin: 0; /* 2 */
 }
 
 /**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+   * Show the overflow in IE.
- * the UA stylesheet.
+   * 1. Show the overflow in Edge.
    */
 
 button,
 input {
-    line-height: normal;
+    /* 1 */
+    overflow: visible;
 }
 
 /**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
+   * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * All other form control elements do not inherit `text-transform` values.
+   * 1. Remove the inheritance of text transform in Firefox.
- * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
- * Correct `select` style inheritance in Firefox 4+ and Opera.
    */
 
 button,
 select {
+    /* 1 */
     text-transform: none;
 }
 
 /**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+   * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
- *    and `video` controls.
+   *    controls in Android 4.
- * 2. Correct inability to style clickable `input` types in iOS.
+   * 2. Correct the inability to style clickable types in iOS and Safari.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
    */
 
 button,
-html input[type='button'],
+html [type='button'],
-input[type='reset'],
+[type='reset'],
-input[type='submit'] {
+[type='submit'] {
     -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
 }
 
 /**
- * Re-set default cursor for disabled elements.
+   * Remove the inner border and padding in Firefox.
    */
 
-button[disabled],
+button::-moz-focus-inner,
-html input[disabled] {
+[type='button']::-moz-focus-inner,
-    cursor: default;
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
 }
 
 /**
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
+   * Restore the focus styles unset by the previous rule.
- * 2. Remove excess padding in IE 8/9/10.
    */
 
-input[type='checkbox'],
+button:-moz-focusring,
-input[type='radio'] {
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+    outline: 1px dotted ButtonText;
+}
+
+/**
+   * Correct the padding in Firefox.
+   */
+
+fieldset {
+    padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+   * 1. Correct the text wrapping in Edge and IE.
+   * 2. Correct the color inheritance from `fieldset` elements in IE.
+   * 3. Remove the padding so developers are not caught out when they zero out
+   *    `fieldset` elements in all browsers.
+   */
+
+legend {
+    box-sizing: border-box; /* 1 */
+    color: inherit; /* 2 */
+    display: table; /* 1 */
+    max-width: 100%; /* 1 */
+    padding: 0; /* 3 */
+    white-space: normal; /* 1 */
+}
+
+/**
+   * 1. Add the correct display in IE 9-.
+   * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+   */
+
+progress {
+    display: inline-block; /* 1 */
+    vertical-align: baseline; /* 2 */
+}
+
+/**
+   * Remove the default vertical scrollbar in IE.
+   */
+
+textarea {
+    overflow: auto;
+}
+
+/**
+   * 1. Add the correct box sizing in IE 10-.
+   * 2. Remove the padding in IE 10-.
+   */
+
+[type='checkbox'],
+[type='radio'] {
     box-sizing: border-box; /* 1 */
     padding: 0; /* 2 */
 }
 
 /**
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+   * Correct the cursor style of increment and decrement buttons in Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- *    (include `-moz` to future-proof).
    */
 
-input[type='search'] {
+[type='number']::-webkit-inner-spin-button,
-    -webkit-appearance: textfield; /* 1 */
+[type='number']::-webkit-outer-spin-button {
-    -moz-box-sizing: content-box;
+    height: auto;
-    -webkit-box-sizing: content-box; /* 2 */
-    box-sizing: content-box;
 }
 
 /**
- * Remove inner padding and search cancel button in Safari 5 and Chrome
+   * 1. Correct the odd appearance in Chrome and Safari.
- * on OS X.
+   * 2. Correct the outline style in Safari.
    */
 
-input[type='search']::-webkit-search-cancel-button,
+[type='search'] {
-input[type='search']::-webkit-search-decoration {
+    -webkit-appearance: textfield; /* 1 */
+    outline-offset: -2px; /* 2 */
+}
+
+/**
+   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+   */
+
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 /**
- * Remove inner padding and border in Firefox 4+.
+   * 1. Correct the inability to style clickable types in iOS and Safari.
+   * 2. Change font properties to `inherit` in Safari.
    */
 
-button::-moz-focus-inner,
+::-webkit-file-upload-button {
-input::-moz-focus-inner {
+    -webkit-appearance: button; /* 1 */
-    border: 0;
+    font: inherit; /* 2 */
-    padding: 0;
 }
 
-/**
+/* Interactive
- * 1. Remove default vertical scrollbar in IE 8/9.
+     ========================================================================== */
- * 2. Improve readability and alignment in all browsers.
+
+/*
+   * Add the correct display in IE 9-.
+   * 1. Add the correct display in Edge, IE, and Firefox.
    */
 
-textarea {
+details,
-    overflow: auto; /* 1 */
+menu {
-    vertical-align: top; /* 2 */
+    display: block;
 }
 
-/* ==========================================================================
+/*
-   Tables
+   * Add the correct display in all browsers.
+   */
+
+summary {
+    display: list-item;
+}
+
+/* Scripting
      ========================================================================== */
 
 /**
- * Remove most spacing between table cells.
+   * Add the correct display in IE 9-.
    */
 
-table {
+canvas {
-    border-collapse: collapse;
+    display: inline-block;
-    border-spacing: 0;
+}
+
+/**
+   * Add the correct display in IE.
+   */
+
+template {
+    display: none;
+}
+
+/* Hidden
+     ========================================================================== */
+
+/**
+   * Add the correct display in IE 10-.
+   */
+
+[hidden] {
+    display: none;
 }

demo/src/sass/settings/colors.scss

@@ -22,6 +22,7 @@ $color-vimeo: #19b7ed;
 
 // Elements
 $color-link: #fff;
+$color-background: $color-brand-primary;
 
 // Focus
 $tab-focus-default-color: #fff;

demo/src/sass/settings/cosmetic.scss

@@ -9,4 +9,4 @@ $arrow-size: 5px;
 $border-radius-base: 4px;
 
 // Background
-$page-background: linear-gradient(to left top, lighten($color-brand-primary, 10%), darken($color-brand-primary, 20%));
+$page-background: linear-gradient(to left top, lighten($color-background, 10%), darken($color-background, 20%));

gulpfile.js

@@ -31,10 +31,13 @@ const resolve = require('rollup-plugin-node-resolve');
 const bundles = require('./bundles.json');
 const pkg = require('./package.json');
 
+// Get AWS config
 let aws;
 try {
-    aws = require('./aws.json');
+    aws = require('./aws.json'); //eslint-disable-line
-} catch (err) {}
+} catch (e) {
+    // Do nothing
+}
 
 // Paths
 const root = __dirname;

src/sass/components/sliders.scss

@@ -10,7 +10,6 @@
     border-radius: ($plyr-range-thumb-height * 2);
     // color is used in JS to populate lower fill for WebKit
     color: $plyr-range-fill-bg;
-    cursor: pointer;
     display: block;
     height: $plyr-range-max-height;
     margin: 0;