13 files changed, 27 insertions, 27 deletions
diff --git a/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss b/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss
index 0b366716d..d84bfdb03 100644
--- a/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss
+++ b/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 label {
  font-weight: $font-regular;
diff --git a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss
index c236f322f..e707b1c14 100644
--- a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss
+++ b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 h1 my-global-icon {
  position: relative;
diff --git a/client/src/app/+my-library/my-history/my-history.component.scss b/client/src/app/+my-library/my-history/my-history.component.scss
index 1451cf415..8d61cb68b 100644
--- a/client/src/app/+my-library/my-history/my-history.component.scss
+++ b/client/src/app/+my-library/my-history/my-history.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .no-history {
  display: flex;
diff --git a/client/src/app/+my-library/my-library.component.scss b/client/src/app/+my-library/my-library.component.scss
index b32bc84e7..4439ecf45 100644
--- a/client/src/app/+my-library/my-library.component.scss
+++ b/client/src/app/+my-library/my-library.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .row {
  @include sub-menu-h1;
diff --git a/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss b/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss
index bf3770e56..9468c9c4b 100644
--- a/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss
+++ b/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .peertube-select-container {
  @include peertube-select-container(350px);
diff --git a/client/src/app/+my-library/my-ownership/my-ownership.component.scss b/client/src/app/+my-library/my-ownership/my-ownership.component.scss
index 62763045d..c834bc768 100644
--- a/client/src/app/+my-library/my-ownership/my-ownership.component.scss
+++ b/client/src/app/+my-library/my-ownership/my-ownership.component.scss
@@ -1,5 +1,5 @@
-@import 'miniature';
+@use '_miniature';
-@import 'mixins';
+@use '_mixins';
 .chip {
  @include chip;
diff --git a/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss b/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss
index d02f9ed27..b652d6774 100644
--- a/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss
+++ b/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 input[type=text] {
  @include peertube-input-text(300px);
diff --git a/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss b/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss
index c4b847c3d..999677f29 100644
--- a/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss
+++ b/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 pre {
  font-size: 11px;
diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.scss
index 08fab1101..b5e1491d6 100644
--- a/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.scss
+++ b/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 label {
  font-weight: $font-regular;
diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
index f09500682..00bf51f32 100644
--- a/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
+++ b/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
@@ -1,6 +1,6 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
-@import '_miniature';
+@use '_miniature';
 .root {
  display: grid;
diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss
index f84b733a6..a61289d6f 100644
--- a/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss
+++ b/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 h1 {
  display: flex;
diff --git a/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss b/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss
index 16187bc4a..2e9a2703d 100644
--- a/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss
+++ b/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 p-autocomplete {
  display: block;
diff --git a/client/src/app/+my-library/my-videos/my-videos.component.scss b/client/src/app/+my-library/my-videos/my-videos.component.scss
index 57d27aa8e..da364b443 100644
--- a/client/src/app/+my-library/my-videos/my-videos.component.scss
+++ b/client/src/app/+my-library/my-videos/my-videos.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 input[type=text] {
  @include peertube-input-text(300px);

diff --git a/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss b/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss index 0b366716d..d84bfdb03 100644 --- a/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss +++ b/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	label {	4	label {
5	font-weight: $font-regular;	5	font-weight: $font-regular;


diff --git a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss index c236f322f..e707b1c14 100644 --- a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss +++ b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	h1 my-global-icon {	4	h1 my-global-icon {
5	position: relative;	5	position: relative;


diff --git a/client/src/app/+my-library/my-history/my-history.component.scss b/client/src/app/+my-library/my-history/my-history.component.scss index 1451cf415..8d61cb68b 100644 --- a/client/src/app/+my-library/my-history/my-history.component.scss +++ b/client/src/app/+my-library/my-history/my-history.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.no-history {	4	.no-history {
5	display: flex;	5	display: flex;


diff --git a/client/src/app/+my-library/my-library.component.scss b/client/src/app/+my-library/my-library.component.scss index b32bc84e7..4439ecf45 100644 --- a/client/src/app/+my-library/my-library.component.scss +++ b/client/src/app/+my-library/my-library.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.row {	4	.row {
5	@include sub-menu-h1;	5	@include sub-menu-h1;


diff --git a/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss b/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss index bf3770e56..9468c9c4b 100644 --- a/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss +++ b/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.peertube-select-container {	4	.peertube-select-container {
5	@include peertube-select-container(350px);	5	@include peertube-select-container(350px);


diff --git a/client/src/app/+my-library/my-ownership/my-ownership.component.scss b/client/src/app/+my-library/my-ownership/my-ownership.component.scss index 62763045d..c834bc768 100644 --- a/client/src/app/+my-library/my-ownership/my-ownership.component.scss +++ b/client/src/app/+my-library/my-ownership/my-ownership.component.scss
@@ -1,5 +1,5 @@
1	@import 'miniature';	1	@use '_miniature';
2	@import 'mixins';	2	@use '_mixins';
3		3
4	.chip {	4	.chip {
5	@include chip;	5	@include chip;


diff --git a/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss b/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss index d02f9ed27..b652d6774 100644 --- a/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss +++ b/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	input[type=text] {	4	input[type=text] {
5	@include peertube-input-text(300px);	5	@include peertube-input-text(300px);


diff --git a/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss b/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss index c4b847c3d..999677f29 100644 --- a/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss +++ b/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	pre {	4	pre {
5	font-size: 11px;	5	font-size: 11px;


diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.scss index 08fab1101..b5e1491d6 100644 --- a/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.scss +++ b/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	label {	4	label {
5	font-weight: $font-regular;	5	font-weight: $font-regular;


diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss index f09500682..00bf51f32 100644 --- a/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss +++ b/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
@@ -1,6 +1,6 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3	@import '_miniature';	3	@use '_miniature';
4		4
5	.root {	5	.root {
6	display: grid;	6	display: grid;


diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss index f84b733a6..a61289d6f 100644 --- a/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss +++ b/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	h1 {	4	h1 {
5	display: flex;	5	display: flex;


diff --git a/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss b/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss index 16187bc4a..2e9a2703d 100644 --- a/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss +++ b/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	p-autocomplete {	4	p-autocomplete {
5	display: block;	5	display: block;


diff --git a/client/src/app/+my-library/my-videos/my-videos.component.scss b/client/src/app/+my-library/my-videos/my-videos.component.scss index 57d27aa8e..da364b443 100644 --- a/client/src/app/+my-library/my-videos/my-videos.component.scss +++ b/client/src/app/+my-library/my-videos/my-videos.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	input[type=text] {	4	input[type=text] {
5	@include peertube-input-text(300px);	5	@include peertube-input-text(300px);