aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/components/menus.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/sass/components/menus.scss')
-rw-r--r--src/sass/components/menus.scss7
1 files changed, 3 insertions, 4 deletions
diff --git a/src/sass/components/menus.scss b/src/sass/components/menus.scss
index ce6d7e6e..c6ce6ce8 100644
--- a/src/sass/components/menus.scss
+++ b/src/sass/components/menus.scss
@@ -10,6 +10,7 @@
.plyr__control svg {
transition: transform 0.3s ease;
}
+
.plyr__control[aria-expanded='true'] {
svg {
transform: rotate(90deg);
@@ -77,10 +78,7 @@
color: $plyr-menu-color;
display: flex;
font-size: $plyr-font-size-menu;
- padding-bottom: calc(#{$plyr-control-padding} / 1.5);
- padding-left: calc(#{$plyr-control-padding} * 1.5);
- padding-right: calc(#{$plyr-control-padding} * 1.5);
- padding-top: calc(#{$plyr-control-padding} / 1.5);
+ padding: calc(#{$plyr-control-padding} / 1.5) calc(#{$plyr-control-padding} * 1.5);
user-select: none;
width: 100%;
@@ -180,6 +178,7 @@
&::before {
background: $plyr-control-toggle-checked-background;
}
+
&::after {
opacity: 1;
transform: translateY(-50%) scale(1);