diff options
author | Jesús <heckyel@hyperbola.info> | 2022-02-11 11:08:56 -0500 |
---|---|---|
committer | Jesús <heckyel@hyperbola.info> | 2022-02-11 11:08:56 -0500 |
commit | 69e20fc11381bdc94c416f11527289a34ffb89ed (patch) | |
tree | 4b8969904958e4a377a9dd00cabd972c1ce22429 /src/sass/components/menus.scss | |
parent | 421de00c8bb27fd0cd01d19ed4c2681ef2d63446 (diff) | |
download | plyr-master.tar.lz plyr-master.tar.xz plyr-master.zip |
Diffstat (limited to 'src/sass/components/menus.scss')
-rw-r--r-- | src/sass/components/menus.scss | 7 |
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); |