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

Captions fix

Browse Source
This commit is contained in:
Sam Potts
2017-11-19 17:54:38 +11:00
parent 3f744ef63a
commit 4b62a5c74d
14 changed files with 126 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -131,28 +131,24 @@
label.plyr__control {
padding-left: @plyr-control-padding;
/*input[type='radio'] {
position: relative;
left: -@plyr-control-padding;
}*/
input[type='radio'] + span {
position: relative;
display: block;
height: 14px;
width: 14px;
flex-shrink: 0;
height: 16px;
width: 16px;
border-radius: 100%;
background: fade(#000, 10%);
margin-right: @plyr-control-spacing;
box-shadow: inset 0 1px 1px fade(#000, 15%);
transition: all 0.3s ease;
&::after {
content: '';
position: absolute;
height: 6px;
width: 6px;
top: 4px;
left: 4px;
top: 5px;
left: 5px;
transform: scale(0);
opacity: 0;
background: #fff;
@ -169,6 +165,11 @@
opacity: 1;
}
}
&.plyr__tab-focus input[type='radio'] + span,
&:hover input[type='radio'] + span {
background: fade(#000, 10%);
}
}
// Option value