aboutsummaryrefslogtreecommitdiffstats
path: root/src/scss/plyr.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scss/plyr.scss')
-rw-r--r--src/scss/plyr.scss42
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