diff options
author | Sam Potts <sam@potts.es> | 2018-08-14 00:00:24 +1000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-08-14 00:00:24 +1000 |
commit | 48bf36831611a854f24f8bc9f40d0944c381bd29 (patch) | |
tree | 165ac6d7b4dbd93f9459e195eaa6c5ba2c411005 /src/sass/components/control.scss | |
parent | a8f8486cf49aebc09c8f57bec2f8172970974536 (diff) | |
parent | 8f94ce86a04c1b8f7cc17e7d578c6b8c76572319 (diff) | |
download | plyr-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.scss | 17 |
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); |