aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/components/control.scss
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2018-08-14 00:00:24 +1000
committerGitHub <noreply@github.com>2018-08-14 00:00:24 +1000
commit48bf36831611a854f24f8bc9f40d0944c381bd29 (patch)
tree165ac6d7b4dbd93f9459e195eaa6c5ba2c411005 /src/sass/components/control.scss
parenta8f8486cf49aebc09c8f57bec2f8172970974536 (diff)
parent8f94ce86a04c1b8f7cc17e7d578c6b8c76572319 (diff)
downloadplyr-48bf36831611a854f24f8bc9f40d0944c381bd29.tar.lz
plyr-48bf36831611a854f24f8bc9f40d0944c381bd29.tar.xz
plyr-48bf36831611a854f24f8bc9f40d0944c381bd29.zip
Merge pull request #1160 from sampotts/develop
v3.4.0
Diffstat (limited to 'src/sass/components/control.scss')
-rw-r--r--src/sass/components/control.scss17
1 files changed, 16 insertions, 1 deletions
diff --git a/src/sass/components/control.scss b/src/sass/components/control.scss
index cfef1b3a..2b681465 100644
--- a/src/sass/components/control.scss
+++ b/src/sass/components/control.scss
@@ -41,7 +41,7 @@
display: none;
}
-// Audio styles
+// Audio control
.plyr--audio .plyr__control {
&.plyr__tab-focus,
&:hover,
@@ -51,6 +51,21 @@
}
}
+// Video control
+.plyr--video .plyr__control {
+ svg {
+ filter: drop-shadow(0 1px 1px rgba(#000, 0.15));
+ }
+
+ // Hover and tab focus
+ &.plyr__tab-focus,
+ &:hover,
+ &[aria-expanded='true'] {
+ background: $plyr-video-control-bg-hover;
+ color: $plyr-video-control-color-hover;
+ }
+}
+
// Large play button (video only)
.plyr__control--overlaid {
background: rgba($plyr-video-control-bg-hover, 0.8);