diff options
Diffstat (limited to 'src/less/components/menus.less')
-rw-r--r-- | src/less/components/menus.less | 21 |
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 |