aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/components/control.scss
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2020-04-24 00:32:16 +1000
committerSam Potts <sam@potts.es>2020-04-24 00:32:16 +1000
commit3b521f73bd773dcb530746db47c90dbb1349b70b (patch)
tree371bb120c654d55d0016792b9412fc122735c1b8 /src/sass/components/control.scss
parent27126b20bc5d2a3a8947c363d1f1887533f69688 (diff)
parent68137aa789b195b26d4306eaebc7fee2f8eb3374 (diff)
downloadplyr-3b521f73bd773dcb530746db47c90dbb1349b70b.tar.lz
plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.tar.xz
plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.zip
Merge branch 'develop' of github.com:sampotts/plyr into develop
# Conflicts: # package.json # yarn.lock
Diffstat (limited to 'src/sass/components/control.scss')
-rw-r--r--src/sass/components/control.scss62
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;
}