diff options
| author | Sam Potts <me@sampotts.me> | 2017-11-19 17:54:38 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2017-11-19 17:54:38 +1100 |
| commit | 4b62a5c74dc5f67d0f12126f554df53f02541ef7 (patch) | |
| tree | fbf9060236f658d86117a1b97cf29a2e48444b11 /src/less | |
| parent | 3f744ef63a33f479b6d30a2f40717c6b44beb331 (diff) | |
| download | plyr-4b62a5c74dc5f67d0f12126f554df53f02541ef7.tar.lz plyr-4b62a5c74dc5f67d0f12126f554df53f02541ef7.tar.xz plyr-4b62a5c74dc5f67d0f12126f554df53f02541ef7.zip | |
Captions fix
Diffstat (limited to 'src/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 |