10 files changed, 20 insertions, 19 deletions
diff --git a/client/src/app/shared/shared-main/buttons/action-dropdown.component.scss b/client/src/app/shared/shared-main/buttons/action-dropdown.component.scss
index b9a4d46dc..b15e558d1 100644
--- a/client/src/app/shared/shared-main/buttons/action-dropdown.component.scss
+++ b/client/src/app/shared/shared-main/buttons/action-dropdown.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .dropdown-divider:last-child {
  display: none;
diff --git a/client/src/app/shared/shared-main/buttons/button.component.scss b/client/src/app/shared/shared-main/buttons/button.component.scss
index 25a979ac9..9fea10976 100644
--- a/client/src/app/shared/shared-main/buttons/button.component.scss
+++ b/client/src/app/shared/shared-main/buttons/button.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 @mixin responsive-label {
  .action-button {
diff --git a/client/src/app/shared/shared-main/feeds/feed.component.scss b/client/src/app/shared/shared-main/feeds/feed.component.scss
index d39f31d70..13710c99b 100644
--- a/client/src/app/shared/shared-main/feeds/feed.component.scss
+++ b/client/src/app/shared/shared-main/feeds/feed.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .feed {
  width: 100%;
diff --git a/client/src/app/shared/shared-main/loaders/loader.component.scss b/client/src/app/shared/shared-main/loaders/loader.component.scss
index 64138afe4..ef7dc872d 100644
--- a/client/src/app/shared/shared-main/loaders/loader.component.scss
+++ b/client/src/app/shared/shared-main/loaders/loader.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 // Thanks to https://loading.io/css/ (CC0 License)
diff --git a/client/src/app/shared/shared-main/misc/help.component.scss b/client/src/app/shared/shared-main/misc/help.component.scss
index 51a105498..3ed79d578 100644
--- a/client/src/app/shared/shared-main/misc/help.component.scss
+++ b/client/src/app/shared/shared-main/misc/help.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .help-tooltip-button {
  @include disable-outline;
diff --git a/client/src/app/shared/shared-main/misc/list-overflow.component.scss b/client/src/app/shared/shared-main/misc/list-overflow.component.scss
index 7e31d3850..084fe6bfd 100644
--- a/client/src/app/shared/shared-main/misc/list-overflow.component.scss
+++ b/client/src/app/shared/shared-main/misc/list-overflow.component.scss
@@ -1,4 +1,5 @@
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 :host {
  width: 100%;
diff --git a/client/src/app/shared/shared-main/misc/simple-search-input.component.scss b/client/src/app/shared/shared-main/misc/simple-search-input.component.scss
index be712979b..337b0a117 100644
--- a/client/src/app/shared/shared-main/misc/simple-search-input.component.scss
+++ b/client/src/app/shared/shared-main/misc/simple-search-input.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .root {
  display: flex;
diff --git a/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss b/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss
index ffabb3646..cb024ea5e 100644
--- a/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss
+++ b/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .parent-entry {
  span[role=button] {
diff --git a/client/src/app/shared/shared-main/users/user-notifications.component.scss b/client/src/app/shared/shared-main/users/user-notifications.component.scss
index 58dc88c38..7ebf140f3 100644
--- a/client/src/app/shared/shared-main/users/user-notifications.component.scss
+++ b/client/src/app/shared/shared-main/users/user-notifications.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .no-notification {
  display: flex;
diff --git a/client/src/app/shared/shared-main/users/user-quota.component.scss b/client/src/app/shared/shared-main/users/user-quota.component.scss
index 3ca611b9f..468e04d77 100644
--- a/client/src/app/shared/shared-main/users/user-quota.component.scss
+++ b/client/src/app/shared/shared-main/users/user-quota.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/shared/shared-main/buttons/action-dropdown.component.scss b/client/src/app/shared/shared-main/buttons/action-dropdown.component.scss index b9a4d46dc..b15e558d1 100644 --- a/client/src/app/shared/shared-main/buttons/action-dropdown.component.scss +++ b/client/src/app/shared/shared-main/buttons/action-dropdown.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.dropdown-divider:last-child {	4	.dropdown-divider:last-child {
5	display: none;	5	display: none;


diff --git a/client/src/app/shared/shared-main/buttons/button.component.scss b/client/src/app/shared/shared-main/buttons/button.component.scss index 25a979ac9..9fea10976 100644 --- a/client/src/app/shared/shared-main/buttons/button.component.scss +++ b/client/src/app/shared/shared-main/buttons/button.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	@mixin responsive-label {	4	@mixin responsive-label {
5	.action-button {	5	.action-button {


diff --git a/client/src/app/shared/shared-main/feeds/feed.component.scss b/client/src/app/shared/shared-main/feeds/feed.component.scss index d39f31d70..13710c99b 100644 --- a/client/src/app/shared/shared-main/feeds/feed.component.scss +++ b/client/src/app/shared/shared-main/feeds/feed.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.feed {	4	.feed {
5	width: 100%;	5	width: 100%;


diff --git a/client/src/app/shared/shared-main/loaders/loader.component.scss b/client/src/app/shared/shared-main/loaders/loader.component.scss index 64138afe4..ef7dc872d 100644 --- a/client/src/app/shared/shared-main/loaders/loader.component.scss +++ b/client/src/app/shared/shared-main/loaders/loader.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	// Thanks to https://loading.io/css/ (CC0 License)	4	// Thanks to https://loading.io/css/ (CC0 License)
5		5


diff --git a/client/src/app/shared/shared-main/misc/help.component.scss b/client/src/app/shared/shared-main/misc/help.component.scss index 51a105498..3ed79d578 100644 --- a/client/src/app/shared/shared-main/misc/help.component.scss +++ b/client/src/app/shared/shared-main/misc/help.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.help-tooltip-button {	4	.help-tooltip-button {
5	@include disable-outline;	5	@include disable-outline;


diff --git a/client/src/app/shared/shared-main/misc/list-overflow.component.scss b/client/src/app/shared/shared-main/misc/list-overflow.component.scss index 7e31d3850..084fe6bfd 100644 --- a/client/src/app/shared/shared-main/misc/list-overflow.component.scss +++ b/client/src/app/shared/shared-main/misc/list-overflow.component.scss
@@ -1,4 +1,5 @@
1	@import '_mixins';	1	@use '_variables';
		2	@use '_mixins';
2		3
3	:host {	4	:host {
4	width: 100%;	5	width: 100%;


diff --git a/client/src/app/shared/shared-main/misc/simple-search-input.component.scss b/client/src/app/shared/shared-main/misc/simple-search-input.component.scss index be712979b..337b0a117 100644 --- a/client/src/app/shared/shared-main/misc/simple-search-input.component.scss +++ b/client/src/app/shared/shared-main/misc/simple-search-input.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	display: flex;	5	display: flex;


diff --git a/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss b/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss index ffabb3646..cb024ea5e 100644 --- a/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss +++ b/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.parent-entry {	4	.parent-entry {
5	span[role=button] {	5	span[role=button] {


diff --git a/client/src/app/shared/shared-main/users/user-notifications.component.scss b/client/src/app/shared/shared-main/users/user-notifications.component.scss index 58dc88c38..7ebf140f3 100644 --- a/client/src/app/shared/shared-main/users/user-notifications.component.scss +++ b/client/src/app/shared/shared-main/users/user-notifications.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	.no-notification {	4	.no-notification {
5	display: flex;	5	display: flex;


diff --git a/client/src/app/shared/shared-main/users/user-quota.component.scss b/client/src/app/shared/shared-main/users/user-quota.component.scss index 3ca611b9f..468e04d77 100644 --- a/client/src/app/shared/shared-main/users/user-quota.component.scss +++ b/client/src/app/shared/shared-main/users/user-quota.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;