X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fapplication.scss;h=9cf2a053d7be17c4d47c2c40c5537c45d6e792f2;hb=9f9131f8439f4ed0a05fd62370fda7d855d45242;hp=1297855dad58e69c6f59fa09d753be9e83cde0e2;hpb=77239b425a8e00822a53c9907415832a473c3eb6;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 1297855da..9cf2a053d 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -1,12 +1,13 @@
 @use 'sass:math';
+@use 'sass:color';
 
 @use '_variables' as *;
+@use '_bootstrap-variables' as *;
 @use '_mixins' as *;
 @use '_icons' as *;
 
 @use '_fonts';
 
-@use './class-helpers';
 @use './custom-markup';
 @use './ng-select';
 
@@ -15,6 +16,8 @@
 
 @use './z-index';
 
+@use './class-helpers/index.scss';
+
 body {
   /*** theme ***/
   // now beware sass requires interpolation
@@ -111,6 +114,7 @@ button {
   @include disable-outline;
 
   background: unset;
+  color: pvar(--mainForegroundColor);
 }
 
 label {
@@ -220,7 +224,7 @@ my-global-icon[iconName=external-link] {
   }
 }
 
-@media screen and (max-width: #{breakpoint(lg)}) {
+@media screen and (max-width: #{breakpoint(xl)}) {
   .main-col {
     --videosHorizontalMarginContent: #{pvar(--horizontalMarginContent)};
   }