diff options
author | Sam Potts <sam@potts.es> | 2020-04-28 22:20:49 +1000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-04-28 22:20:49 +1000 |
commit | 99a26d65cf78851878841c5afc54830f1222ccb1 (patch) | |
tree | 6a2bf12ecfa2314725e6d8961ec9f6a986b5003b /src/sass/components/control.scss | |
parent | 6aa21c1fae4a7b6dbcf1db1ee3b06f11d674869a (diff) | |
parent | 4915cf0120870db4a52b3be117efa22f8ca2bd3e (diff) | |
download | plyr-99a26d65cf78851878841c5afc54830f1222ccb1.tar.lz plyr-99a26d65cf78851878841c5afc54830f1222ccb1.tar.xz plyr-99a26d65cf78851878841c5afc54830f1222ccb1.zip |
Merge pull request #1796 from sampotts/develop
v3.6.0
Diffstat (limited to 'src/sass/components/control.scss')
-rw-r--r-- | src/sass/components/control.scss | 62 |
1 files changed, 31 insertions, 31 deletions
diff --git a/src/sass/components/control.scss b/src/sass/components/control.scss index 64390dbd..8671fa2a 100644 --- a/src/sass/components/control.scss +++ b/src/sass/components/control.scss @@ -3,44 +3,44 @@ // -------------------------------------------------------------- .plyr__control { - background: transparent; - border: 0; - border-radius: $plyr-control-radius; - color: inherit; - cursor: pointer; - flex-shrink: 0; - overflow: visible; // IE11 - padding: $plyr-control-padding; - position: relative; - transition: all 0.3s ease; + background: transparent; + border: 0; + border-radius: $plyr-control-radius; + color: inherit; + cursor: pointer; + flex-shrink: 0; + overflow: visible; // IE11 + padding: $plyr-control-padding; + position: relative; + transition: all 0.3s ease; - svg { - display: block; - fill: currentColor; - height: $plyr-control-icon-size; - pointer-events: none; - width: $plyr-control-icon-size; - } + svg { + display: block; + fill: currentColor; + height: $plyr-control-icon-size; + pointer-events: none; + width: $plyr-control-icon-size; + } - // Default focus - &:focus { - outline: 0; - } + // Default focus + &:focus { + outline: 0; + } - // Tab focus - &.plyr__tab-focus { - @include plyr-tab-focus(); - } + // Tab focus + &.plyr__tab-focus { + @include plyr-tab-focus(); + } } // Remove any link styling a.plyr__control { - text-decoration: none; + text-decoration: none; - &::after, - &::before { - display: none; - } + &::after, + &::before { + display: none; + } } // Change icons on state change @@ -48,5 +48,5 @@ a.plyr__control { .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, .plyr__control.plyr__control--pressed .label--not-pressed { - display: none; + display: none; } |