diff options
| author | Sam Potts <me@sampotts.me> | 2016-05-14 00:48:56 +1000 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2016-05-14 00:48:56 +1000 |
| commit | 448c070898b243d047b4fe102ddb165af1b21554 (patch) | |
| tree | 79a6696306527bccbba7d4b456b78f1aca48705b /src/less | |
| parent | 7f624ebbb7f32bc54bb57d77a8408446e819f43a (diff) | |
| parent | 31c933af3838669a6bb043cafe7778a810303f47 (diff) | |
| download | plyr-448c070898b243d047b4fe102ddb165af1b21554.tar.lz plyr-448c070898b243d047b4fe102ddb165af1b21554.tar.xz plyr-448c070898b243d047b4fe102ddb165af1b21554.zip | |
Merge branch 'master' of https://github.com/Selz/plyr
# Conflicts:
# dist/plyr.css
Diffstat (limited to 'src/less')
| -rw-r--r-- | src/less/plyr.less | 45 | ||||
| -rw-r--r-- | src/less/variables.less | 5 |
2 files changed, 35 insertions, 15 deletions
diff --git a/src/less/plyr.less b/src/less/plyr.less index ee07ed47..ee7d5b78 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -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; + & when (@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 { - touch-action: manipulation; + & when (@plyr-touch-action = true) { + // Fix 300ms delay + a, button, input, label { + touch-action: manipulation; + } } // Media elements @@ -138,13 +142,24 @@ // 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 + & when (@plyr-sr-only-important = true) { + position: absolute !important; + padding: 0 !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + } + & when (@plyr-sr-only-important = false) { + position: absolute; + padding: 0; + border: 0; + height: 1px; + width: 1px; + } } // Video diff --git a/src/less/variables.less b/src/less/variables.less index ef3b4e45..0b2d0895 100644 --- a/src/less/variables.less +++ b/src/less/variables.less @@ -3,6 +3,11 @@ // https://github.com/selz/plyr // ========================================================================== +// Settings +@plyr-border-box: true; +@plyr-touch-action: true; +@plyr-sr-only-important: true; + // Colors @plyr-color-main: #3498db; |