aboutsummaryrefslogtreecommitdiffstats
path: root/src/less/components/menus.less
diff options
context:
space:
mode:
Diffstat (limited to 'src/less/components/menus.less')
-rw-r--r--src/less/components/menus.less21
1 files changed, 11 insertions, 10 deletions
diff --git a/src/less/components/menus.less b/src/less/components/menus.less
index f96393e0..8c2d400d 100644
--- a/src/less/components/menus.less
+++ b/src/less/components/menus.less
@@ -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