X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fplayer%2F_player-variables.scss;h=d5f24dd913632f2a3960e88adb17dd7110cdf5b0;hb=4158e67c8d7eb39712e598d3f409c6739eef5f0b;hp=7dcb21dfead7a21988fc63937a5a6cf94dd55450;hpb=a75292db788d400ba84933693f5f98a83f3aaa60;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/player/_player-variables.scss b/client/src/sass/player/_player-variables.scss
index 7dcb21dfe..d5f24dd91 100644
--- a/client/src/sass/player/_player-variables.scss
+++ b/client/src/sass/player/_player-variables.scss
@@ -1,10 +1,22 @@
+@use 'bootstrap/scss/functions' as *;
+
 $primary-foreground-color: #fff;
 $primary-foreground-opacity: 0.9;
 $primary-foreground-opacity-hover: 1;
 $primary-background-color: rgba(0, 0, 0, 0.8);
 
 $font-size: 13px;
-$control-bar-height: 34px;
+
+$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%);
 
@@ -12,4 +24,11 @@ $progress-margin: 10px;
 
 $dock-padding: 20px;
 
+$first-control-bar-element-margin-left: 10px;
+$first-control-bar-element-margin-left-small-width: 5px;
+
+$screen-width-750: 750px;
+$screen-width-570: 570px;
+$screen-width-350: 350px;
+
 $assets-path: '../../assets/' !default;