Move to sass @use

author: Chocobozzz <me@florianbigard.com> 2021-05-27 17:45:36 +0200
committer: Chocobozzz <me@florianbigard.com> 2021-06-28 09:36:35 +0200
commit: fa12eacc014aae8094d108634371640f2695bf9f (patch)
tree: 15b1153a9c830f5caa7e93f0939ba4153ab7624c /client/src/app/shared/shared-main
parent: e2e0b645cdac3c705b1988fbb0eff723ad5e885d (diff)
download: PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.tar.gz
PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.tar.zst
PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.zip
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;
author	Chocobozzz <me@florianbigard.com>	2021-05-27 17:45:36 +0200
committer	Chocobozzz <me@florianbigard.com>	2021-06-28 09:36:35 +0200
commit	fa12eacc014aae8094d108634371640f2695bf9f (patch)
tree	15b1153a9c830f5caa7e93f0939ba4153ab7624c /client/src/app/shared/shared-main
parent	e2e0b645cdac3c705b1988fbb0eff723ad5e885d (diff)
download	PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.tar.gz PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.tar.zst PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.zip

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;