diff options
author | Sam Potts <sam@potts.es> | 2020-02-10 18:35:42 +0000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-02-10 18:35:42 +0000 |
commit | 841746210ac6444c2e15395e14856d0d889ffd9c (patch) | |
tree | b7a5a2b41443c0101e1a3a6cc5175cfb8229c440 /src/sass/components/control.scss | |
parent | e50b35d195316a1aee28797de26b3d7b42daa0be (diff) | |
parent | 156abda66adeae369dce9d565e9c0ca21508e557 (diff) | |
download | plyr-841746210ac6444c2e15395e14856d0d889ffd9c.tar.lz plyr-841746210ac6444c2e15395e14856d0d889ffd9c.tar.xz plyr-841746210ac6444c2e15395e14856d0d889ffd9c.zip |
Merge pull request #1684 from sampotts/develop
v3.5.8
Diffstat (limited to 'src/sass/components/control.scss')
-rw-r--r-- | src/sass/components/control.scss | 56 |
1 files changed, 0 insertions, 56 deletions
diff --git a/src/sass/components/control.scss b/src/sass/components/control.scss index 0022d17b..64390dbd 100644 --- a/src/sass/components/control.scss +++ b/src/sass/components/control.scss @@ -50,59 +50,3 @@ a.plyr__control { .plyr__control.plyr__control--pressed .label--not-pressed { display: none; } - -// Audio control -.plyr--audio .plyr__control { - &.plyr__tab-focus, - &:hover, - &[aria-expanded='true'] { - background: $plyr-audio-control-bg-hover; - color: $plyr-audio-control-color-hover; - } -} - -// Video control -.plyr--video .plyr__control { - // 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); - border: 0; - border-radius: 100%; - color: $plyr-video-control-color; - display: none; - left: 50%; - padding: ceil($plyr-control-spacing * 1.5); - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - z-index: 2; - - // Offset icon to make the play button look right - svg { - left: 2px; - position: relative; - } - - &:hover, - &:focus { - background: $plyr-video-control-bg-hover; - } -} - -.plyr--playing .plyr__control--overlaid { - opacity: 0; - visibility: hidden; -} - -.plyr--full-ui.plyr--video .plyr__control--overlaid { - display: block; -} |