aboutsummaryrefslogtreecommitdiffstats
path: root/src/less/components/buttons.less
diff options
context:
space:
mode:
authorSam Potts <me@sampotts.me>2017-11-18 19:33:01 +1100
committerSam Potts <me@sampotts.me>2017-11-18 19:33:01 +1100
commit5a244b7fedf185842b04f817eb07f49ae589d4a6 (patch)
tree86bcff6d5b6f9843df0d4f1ad3da926569066662 /src/less/components/buttons.less
parent4dca4bf93c5cfcb8adb40b78528867de271b8361 (diff)
parent6984d6fb1606a71edd35ac043ac1116b6de8e98b (diff)
downloadplyr-5a244b7fedf185842b04f817eb07f49ae589d4a6.tar.lz
plyr-5a244b7fedf185842b04f817eb07f49ae589d4a6.tar.xz
plyr-5a244b7fedf185842b04f817eb07f49ae589d4a6.zip
Merge branch 'develop' of https://github.com/Selz/plyr into develop
# Conflicts: # dist/plyr.js # dist/plyr.js.map # src/js/controls.js
Diffstat (limited to 'src/less/components/buttons.less')
-rw-r--r--src/less/components/buttons.less13
1 files changed, 9 insertions, 4 deletions
diff --git a/src/less/components/buttons.less b/src/less/components/buttons.less
index 542580a2..3a9057c6 100644
--- a/src/less/components/buttons.less
+++ b/src/less/components/buttons.less
@@ -53,13 +53,13 @@
.plyr__play-large {
display: none;
position: absolute;
- z-index: 1;
+ z-index: 3;
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%);
}
}