5 files changed, 10 insertions, 10 deletions
diff --git a/client/src/app/+about/about-follows/about-follows.component.scss b/client/src/app/+about/about-follows/about-follows.component.scss
index 83241e727..3001f45eb 100644
--- a/client/src/app/+about/about-follows/about-follows.component.scss
+++ b/client/src/app/+about/about-follows/about-follows.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .subtitle {
  font-size: 18px;
diff --git a/client/src/app/+about/about-instance/about-instance.component.scss b/client/src/app/+about/about-instance/about-instance.component.scss
index 6bbb66a58..816dc22da 100644
--- a/client/src/app/+about/about-instance/about-instance.component.scss
+++ b/client/src/app/+about/about-instance/about-instance.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .about-instance-title {
  display: flex;
diff --git a/client/src/app/+about/about-instance/contact-admin-modal.component.scss b/client/src/app/+about/about-instance/contact-admin-modal.component.scss
index cc75e8279..a726975c7 100644
--- a/client/src/app/+about/about-instance/contact-admin-modal.component.scss
+++ b/client/src/app/+about/about-instance/contact-admin-modal.component.scss
@@ -1,5 +1,5 @@
-@import 'variables';
+@use '_variables';
-@import 'mixins';
+@use '_mixins';
 .modal-body {
  text-align: left;
diff --git a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
index daff00df5..1cd10ba82 100644
--- a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
+++ b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .peertube-contributors {
  .framasoft {
diff --git a/client/src/app/+about/about-peertube/about-peertube.component.scss b/client/src/app/+about/about-peertube/about-peertube.component.scss
index e5d2bc5b8..57b3d492d 100644
--- a/client/src/app/+about/about-peertube/about-peertube.component.scss
+++ b/client/src/app/+about/about-peertube/about-peertube.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .root {
  max-width: 1200px;

diff --git a/client/src/app/+about/about-follows/about-follows.component.scss b/client/src/app/+about/about-follows/about-follows.component.scss index 83241e727..3001f45eb 100644 --- a/client/src/app/+about/about-follows/about-follows.component.scss +++ b/client/src/app/+about/about-follows/about-follows.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.subtitle {	4	.subtitle {
5	font-size: 18px;	5	font-size: 18px;


diff --git a/client/src/app/+about/about-instance/about-instance.component.scss b/client/src/app/+about/about-instance/about-instance.component.scss index 6bbb66a58..816dc22da 100644 --- a/client/src/app/+about/about-instance/about-instance.component.scss +++ b/client/src/app/+about/about-instance/about-instance.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.about-instance-title {	4	.about-instance-title {
5	display: flex;	5	display: flex;


diff --git a/client/src/app/+about/about-instance/contact-admin-modal.component.scss b/client/src/app/+about/about-instance/contact-admin-modal.component.scss index cc75e8279..a726975c7 100644 --- a/client/src/app/+about/about-instance/contact-admin-modal.component.scss +++ b/client/src/app/+about/about-instance/contact-admin-modal.component.scss
@@ -1,5 +1,5 @@
1	@import 'variables';	1	@use '_variables';
2	@import 'mixins';	2	@use '_mixins';
3		3
4	.modal-body {	4	.modal-body {
5	text-align: left;	5	text-align: left;


diff --git a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss index daff00df5..1cd10ba82 100644 --- a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss +++ b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.peertube-contributors {	4	.peertube-contributors {
5	.framasoft {	5	.framasoft {


diff --git a/client/src/app/+about/about-peertube/about-peertube.component.scss b/client/src/app/+about/about-peertube/about-peertube.component.scss index e5d2bc5b8..57b3d492d 100644 --- a/client/src/app/+about/about-peertube/about-peertube.component.scss +++ b/client/src/app/+about/about-peertube/about-peertube.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.root {	4	.root {
5	max-width: 1200px;	5	max-width: 1200px;