Merge branch 'master' into develop

# Conflicts:
#	dist/plyr.css
#	src/less/plyr.less
This commit is contained in:
Sam
2016-05-11 22:47:27 +10:00
9 changed files with 78 additions and 38 deletions

View File

@ -8,18 +8,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

View File

@ -4,11 +4,22 @@
// 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;
}
}

View File

@ -2,6 +2,11 @@
// Variables
// ==========================================================================
// Settings
@plyr-border-box: true;
@plyr-touch-action: true;
@plyr-sr-only-important: true;
// Colors
@plyr-color-main: #3498db;