X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fplayer%2F_player-variables.scss;h=47b8adda486702fdafb3fbf923255050f84b2d0c;hb=bd2b51be4b29e6c3c72d8715164cde672bd41186;hp=2625576d4db61e1a206686196adf698e707ead4c;hpb=3318147300b4f998adf728eb0a5a14a4c1829c51;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/sass/player/_player-variables.scss b/client/src/sass/player/_player-variables.scss index 2625576d4..47b8adda4 100644 --- a/client/src/sass/player/_player-variables.scss +++ b/client/src/sass/player/_player-variables.scss @@ -1,3 +1,5 @@ +@use '~bootstrap/scss/functions' as *; + $primary-foreground-color: #fff; $primary-foreground-opacity: 0.9; $primary-foreground-opacity-hover: 1; @@ -8,11 +10,14 @@ $font-size: 13px; $control-bar-height: 38px; $control-bar-icon-size: 26px; $control-bar-volume-slider-height: 14px; +$control-bar-slider-top: -15px; $control-bar-font-size: 14px; $control-bar-play-font-size: 34px; $control-bar-next-previous-play-font-size: 14px; $control-bar-button-width: 38px; +$control-bar-total-height: $control-bar-height - $control-bar-slider-top; + $slider-bg-color: lighten($primary-background-color, 33%); $progress-margin: 10px;