ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tab focus classname change

Browse Source
This commit is contained in:
Sam Potts
2017-11-05 23:20:26 +11:00
parent 45df319823
commit 5fe477340b
9 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/plyr.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/plyr.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/plyr.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
src/js/defaults.js
View File

@ -294,7 +294,7 @@ const defaults = {
supported: 'plyr--airplay-supported',
active: 'plyr--airplay-active',
},
tabFocus: 'tab-focus',
tabFocus: 'plyr__tab-focus',
},
};

2
src/less/components/buttons.less
View File

@ -35,7 +35,7 @@
// Audio styles
.plyr--audio .plyr__control {
&.tab-focus,
&.plyr__tab-focus,
&:hover,
&[aria-expanded='true'] {
background: @plyr-audio-control-bg-hover;

2
src/less/components/controls.less
View File

@ -66,7 +66,7 @@
}
// Hover and tab focus
&.tab-focus,
&.plyr__tab-focus,
&:hover,
&[aria-expanded='true'] {
background: @plyr-video-control-bg-hover;

4
src/less/components/menus.less
View File

@ -87,7 +87,7 @@
border-left-color: fade(@plyr-menu-color, 80%);
}
&.tab-focus::after,
&.plyr__tab-focus::after,
&:hover::after {
border-left-color: currentColor;
}
@ -121,7 +121,7 @@
box-shadow: 0 1px 0 @plyr-menu-border-shadow-color;
}
&.tab-focus::after,
&.plyr__tab-focus::after,
&:hover::after {
border-right-color: currentColor;
}

6
src/less/components/sliders.less
View File

@ -79,7 +79,7 @@
border: 0;
}
&.tab-focus {
&.plyr__tab-focus {
outline-offset: 3px;
}
@ -113,7 +113,7 @@
background: @plyr-video-range-track-bg;
}
&.tab-focus {
&.plyr__tab-focus {
outline: 1px dotted fade(@plyr-video-control-color, 50%);
}
}
@ -132,7 +132,7 @@
background: @plyr-audio-range-track-bg;
}
&.tab-focus {
&.plyr__tab-focus {
outline: 1px dotted fade(@plyr-audio-control-color, 50%);
}
}

4
src/less/components/tooltips.less
View File

@ -41,7 +41,7 @@
// Displaying
.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.tab-focus .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, 0) scale(1);
@ -80,7 +80,7 @@
.plyr__controls > .plyr__control:first-child + .plyr__control,
.plyr__controls > .plyr__control:last-child {
&:hover .plyr__tooltip,
&.tab-focus .plyr__tooltip,
&.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
transform: translate(0, 0) scale(1);
}