diff options
| author | Sam Potts <me@sampotts.me> | 2016-05-14 00:48:21 +1000 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2016-05-14 00:48:21 +1000 |
| commit | 7f624ebbb7f32bc54bb57d77a8408446e819f43a (patch) | |
| tree | 7bef9c09a5824fbffcea32bc439ef2e0381d0fc8 /src/scss/plyr.scss | |
| parent | cc5b363d662cf9a4f60919a4cf94913e6b588149 (diff) | |
| download | plyr-7f624ebbb7f32bc54bb57d77a8408446e819f43a.tar.lz plyr-7f624ebbb7f32bc54bb57d77a8408446e819f43a.tar.xz plyr-7f624ebbb7f32bc54bb57d77a8408446e819f43a.zip | |
Icon tweaks, IE button fix
Diffstat (limited to 'src/scss/plyr.scss')
| -rw-r--r-- | src/scss/plyr.scss | 18 |
1 files changed, 6 insertions, 12 deletions
diff --git a/src/scss/plyr.scss b/src/scss/plyr.scss index 0cb8968d..0d6f28a7 100644 --- a/src/scss/plyr.scss +++ b/src/scss/plyr.scss @@ -201,7 +201,7 @@ padding: ($plyr-control-spacing * 2); transform: translateY(-($plyr-control-spacing * 6)); transition: transform .3s ease; - color: #fff; + color: $plyr-captions-color; font-size: $plyr-font-size-captions-base; text-align: center; font-weight: 400; @@ -209,7 +209,7 @@ span { border-radius: 2px; padding: floor($plyr-control-spacing / 3) $plyr-control-spacing; - background: transparentize(#000, .15); + background: $plyr-captions-bg; } span:empty { display: none; @@ -263,8 +263,9 @@ position: relative; display: inline-block; flex-shrink: 0; + overflow: visible; // IE11 vertical-align: middle; - padding: ($plyr-control-spacing / 2); + padding: ($plyr-control-spacing * .7); border: 0; background: transparent; border-radius: 3px; @@ -298,9 +299,6 @@ .plyr__time { margin-left: $plyr-control-spacing; } - button { - padding: ($plyr-control-spacing / 2) $plyr-control-spacing; - } } } // Hide controls @@ -328,11 +326,6 @@ color: $plyr-video-control-color-hover; } } - - @media (min-width: $plyr-bp-screen-sm) { - padding-left: ($plyr-control-spacing * 1.5); - padding-right: ($plyr-control-spacing * 1.5); - } } // Audio controls @@ -431,7 +424,6 @@ opacity: 0; background: $plyr-tooltip-bg; - box-shadow: $plyr-tooltip-shadow; border-radius: $plyr-tooltip-radius; color: $plyr-tooltip-color; @@ -542,12 +534,14 @@ max-width: 99%; border-top-right-radius: 0; border-bottom-right-radius: 0; + transition: none; } &::-moz-progress-bar { min-width: $plyr-range-track-height; max-width: 99%; border-top-right-radius: 0; border-bottom-right-radius: 0; + transition: none; } &::-ms-fill { display: none; |