diff options
Diffstat (limited to 'src/scss/plyr.scss')
| -rw-r--r-- | src/scss/plyr.scss | 42 |
1 files changed, 28 insertions, 14 deletions
diff --git a/src/scss/plyr.scss b/src/scss/plyr.scss index 0d6f28a7..7673efee 100644 --- a/src/scss/plyr.scss +++ b/src/scss/plyr.scss @@ -21,18 +21,22 @@ min-width: 200px; font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; - // border-box everything - // http://paulirish.com/2012/box-sizing-border-box-ftw/ - &, - *, - *::after, - *::before { - box-sizing: border-box; + @if $plyr-border-box == true { + // border-box everything + // http://paulirish.com/2012/box-sizing-border-box-ftw/ + &, + *, + *::after, + *::before { + box-sizing: border-box; + } } - // Fix 300ms delay - a, button, input, label { + @if $plyr-touch-action == true { + // Fix 300ms delay + a, button, input, label { touch-action: manipulation; + } } // Media elements @@ -138,13 +142,23 @@ // Screen reader only elements .plyr__sr-only { - position: absolute !important; clip: rect(1px, 1px, 1px, 1px); - padding: 0 !important; - border: 0 !important; - height: 1px !important; - width: 1px !important; overflow: hidden; + + // !important is not always needed + @if $plyr-sr-only-important == true { + position: absolute !important; + padding: 0 !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + } @else { + position: absolute; + padding: 0; + border: 0; + height: 1px; + width: 1px; + } } // Video |