X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Finclude%2F_variables.scss;h=f68f4e18d585e77bc4c552e63aa831d38a88cd81;hb=7b51ede977c299a74728171d8c124bcc4cbba6ea;hp=d54563df6e644afdc1de20f9a95d36916d160102;hpb=c7027c06e9a73dad99d3f9bd9937a41a763850ce;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index d54563df6..f68f4e18d 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -1,4 +1,4 @@
-@import '_bootstrap-variables';
+@use 'sass:math';
 
 $small-view: 800px;
 $mobile-view: 500px;
@@ -53,7 +53,7 @@ $sub-menu-height: 81px;
 
 $channel-background-color: #f6ede8;
 
-$banner-inverted-ratio: 1/6;
+$banner-inverted-ratio: math.div(1, 6);
 
 $max-channels-width: 1200px;
 
@@ -94,6 +94,11 @@ $activated-action-button-color: #000;
 
 $focus-box-shadow-form: 0 0 0 .2rem;
 
+$video-watch-player-factor: math.div(16, 9);
+$video-watch-info-margin-left: 44px;
+
+$primeng-breakpoint: 960px;
+
 /*** map theme ***/
 
 // pass variables into a sass map,
@@ -155,18 +160,19 @@ $variables: (
 
 $zindex: (
   miniature       :    10,
-  privacymsg      :    20,
   sub-menu        : 12500,
+  overlay         : 12550,
   menu            : 12600,
   search-typeahead: 12650,
-  header          : 12700,
   popover         : 13000,
   tooltip         : 14000,
   loadbar         : 15000,
-  modal           : 16000,
   dropdown        : 17000,
   help-popover    : 17000,
+  privacymsg      : 17500,
+  header          : 17500,
   notification    : 18000,
+  modal           : 19000,
   hotkeys         : 19000
 );