aboutsummaryrefslogtreecommitdiffstats
path: root/src/less/components/buttons.less
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2017-11-18 19:30:26 +1100
committerSam Potts <sam@potts.es>2017-11-18 19:30:26 +1100
commit6984d6fb1606a71edd35ac043ac1116b6de8e98b (patch)
tree1dc18a90bb2870b3c4665e40a3dcaeb75f3bb831 /src/less/components/buttons.less
parentd7a1c4428138d2dd5af09e41e998d1e08dafe76e (diff)
downloadplyr-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.less11
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%);
}
}