diff options
author | Sam Potts <sam@potts.es> | 2017-11-18 19:30:26 +1100 |
---|---|---|
committer | Sam Potts <sam@potts.es> | 2017-11-18 19:30:26 +1100 |
commit | 6984d6fb1606a71edd35ac043ac1116b6de8e98b (patch) | |
tree | 1dc18a90bb2870b3c4665e40a3dcaeb75f3bb831 /src/less/components/buttons.less | |
parent | d7a1c4428138d2dd5af09e41e998d1e08dafe76e (diff) | |
download | plyr-6984d6fb1606a71edd35ac043ac1116b6de8e98b.tar.lz plyr-6984d6fb1606a71edd35ac043ac1116b6de8e98b.tar.xz plyr-6984d6fb1606a71edd35ac043ac1116b6de8e98b.zip |
Controls cleanup, work on captions bug, click to invert time
Diffstat (limited to 'src/less/components/buttons.less')
-rw-r--r-- | src/less/components/buttons.less | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/less/components/buttons.less b/src/less/components/buttons.less index a7f0ba0a..3a9057c6 100644 --- a/src/less/components/buttons.less +++ b/src/less/components/buttons.less @@ -57,9 +57,9 @@ top: 50%; left: 50%; transform: translate(-50%, -50%); - padding: ceil(@plyr-control-spacing * 1.25); + padding: ceil(@plyr-control-spacing * 1.5); background: fade(@plyr-video-control-bg-hover, 80%); - border: 3px solid currentColor; + border: 0; border-radius: 100%; box-shadow: 0 1px 1px fade(#000, 15%); color: @plyr-video-control-color; @@ -81,7 +81,12 @@ } &:focus { - outline: 1px dotted fade(@plyr-video-control-color, 50%); + outline: 0; + } + + &.plyr__tab-focus { + outline: 0; + box-shadow: 0 0 0 3px fade(@plyr-video-control-color, 50%); } } |