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-forms
parent: e2e0b645cdac3c705b1988fbb0eff723ad5e885d (diff)
download: PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.tar.gz
PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.tar.zst
PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.zip
11 files changed, 21 insertions, 21 deletions
diff --git a/client/src/app/shared/shared-forms/advanced-input-filter.component.scss b/client/src/app/shared/shared-forms/advanced-input-filter.component.scss
index 7c2198927..caa671bc9 100644
--- a/client/src/app/shared/shared-forms/advanced-input-filter.component.scss
+++ b/client/src/app/shared/shared-forms/advanced-input-filter.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 input {
  @include peertube-input-text(250px);
diff --git a/client/src/app/shared/shared-forms/dynamic-form-field.component.scss b/client/src/app/shared/shared-forms/dynamic-form-field.component.scss
index 45ba28951..ce5fa7cf5 100644
--- a/client/src/app/shared/shared-forms/dynamic-form-field.component.scss
+++ b/client/src/app/shared/shared-forms/dynamic-form-field.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 input:not([type=submit]) {
  @include peertube-input-text(340px);
diff --git a/client/src/app/shared/shared-forms/input-switch.component.scss b/client/src/app/shared/shared-forms/input-switch.component.scss
index 290a70db8..a5065b669 100644
--- a/client/src/app/shared/shared-forms/input-switch.component.scss
+++ b/client/src/app/shared/shared-forms/input-switch.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 input {
  position: absolute;
diff --git a/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss b/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss
index e03e9b19f..99cd8ec0c 100644
--- a/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss
+++ b/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 input {
  @include peertube-input-text(auto);
diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.scss b/client/src/app/shared/shared-forms/markdown-textarea.component.scss
index a34d9ebea..d15fd6cde 100644
--- a/client/src/app/shared/shared-forms/markdown-textarea.component.scss
+++ b/client/src/app/shared/shared-forms/markdown-textarea.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 $nav-preview-tab-height: 30px;
 $base-padding: 15px;
diff --git a/client/src/app/shared/shared-forms/peertube-checkbox.component.scss b/client/src/app/shared/shared-forms/peertube-checkbox.component.scss
index 54479fed7..d39b4f3eb 100644
--- a/client/src/app/shared/shared-forms/peertube-checkbox.component.scss
+++ b/client/src/app/shared/shared-forms/peertube-checkbox.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-forms/preview-upload.component.scss b/client/src/app/shared/shared-forms/preview-upload.component.scss
index c2ee0d6a9..96141d1fe 100644
--- a/client/src/app/shared/shared-forms/preview-upload.component.scss
+++ b/client/src/app/shared/shared-forms/preview-upload.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .root {
  height: auto;
diff --git a/client/src/app/shared/shared-forms/reactive-file.component.scss b/client/src/app/shared/shared-forms/reactive-file.component.scss
index a23b28147..e766fd780 100644
--- a/client/src/app/shared/shared-forms/reactive-file.component.scss
+++ b/client/src/app/shared/shared-forms/reactive-file.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 .root {
  height: auto;
diff --git a/client/src/app/shared/shared-forms/select/select-checkbox.component.scss b/client/src/app/shared/shared-forms/select/select-checkbox.component.scss
index 145f6b26c..7f512affb 100644
--- a/client/src/app/shared/shared-forms/select/select-checkbox.component.scss
+++ b/client/src/app/shared/shared-forms/select/select-checkbox.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 ng-select ::ng-deep {
  .ng-option {
diff --git a/client/src/app/shared/shared-forms/select/select-shared.component.scss b/client/src/app/shared/shared-forms/select/select-shared.component.scss
index 9a796f545..37706d3f5 100644
--- a/client/src/app/shared/shared-forms/select/select-shared.component.scss
+++ b/client/src/app/shared/shared-forms/select/select-shared.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
+@use '_variables';
-@import '_mixins';
+@use '_mixins';
 $form-base-input-width: auto;
diff --git a/client/src/app/shared/shared-forms/timestamp-input.component.scss b/client/src/app/shared/shared-forms/timestamp-input.component.scss
index 36f5711a6..b50657f0b 100644
--- a/client/src/app/shared/shared-forms/timestamp-input.component.scss
+++ b/client/src/app/shared/shared-forms/timestamp-input.component.scss
@@ -1,4 +1,4 @@
-@import 'variables';
+@use '_variables';
 p-inputmask {
  ::ng-deep input {
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-forms
parent	e2e0b645cdac3c705b1988fbb0eff723ad5e885d (diff)
download	PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.tar.gz PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.tar.zst PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.zip

diff --git a/client/src/app/shared/shared-forms/advanced-input-filter.component.scss b/client/src/app/shared/shared-forms/advanced-input-filter.component.scss index 7c2198927..caa671bc9 100644 --- a/client/src/app/shared/shared-forms/advanced-input-filter.component.scss +++ b/client/src/app/shared/shared-forms/advanced-input-filter.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	input {	4	input {
5	@include peertube-input-text(250px);	5	@include peertube-input-text(250px);


diff --git a/client/src/app/shared/shared-forms/dynamic-form-field.component.scss b/client/src/app/shared/shared-forms/dynamic-form-field.component.scss index 45ba28951..ce5fa7cf5 100644 --- a/client/src/app/shared/shared-forms/dynamic-form-field.component.scss +++ b/client/src/app/shared/shared-forms/dynamic-form-field.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	input:not([type=submit]) {	4	input:not([type=submit]) {
5	@include peertube-input-text(340px);	5	@include peertube-input-text(340px);


diff --git a/client/src/app/shared/shared-forms/input-switch.component.scss b/client/src/app/shared/shared-forms/input-switch.component.scss index 290a70db8..a5065b669 100644 --- a/client/src/app/shared/shared-forms/input-switch.component.scss +++ b/client/src/app/shared/shared-forms/input-switch.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	input {	4	input {
5	position: absolute;	5	position: absolute;


diff --git a/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss b/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss index e03e9b19f..99cd8ec0c 100644 --- a/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss +++ b/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	input {	4	input {
5	@include peertube-input-text(auto);	5	@include peertube-input-text(auto);


diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.scss b/client/src/app/shared/shared-forms/markdown-textarea.component.scss index a34d9ebea..d15fd6cde 100644 --- a/client/src/app/shared/shared-forms/markdown-textarea.component.scss +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	$nav-preview-tab-height: 30px;	4	$nav-preview-tab-height: 30px;
5	$base-padding: 15px;	5	$base-padding: 15px;


diff --git a/client/src/app/shared/shared-forms/peertube-checkbox.component.scss b/client/src/app/shared/shared-forms/peertube-checkbox.component.scss index 54479fed7..d39b4f3eb 100644 --- a/client/src/app/shared/shared-forms/peertube-checkbox.component.scss +++ b/client/src/app/shared/shared-forms/peertube-checkbox.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-forms/preview-upload.component.scss b/client/src/app/shared/shared-forms/preview-upload.component.scss index c2ee0d6a9..96141d1fe 100644 --- a/client/src/app/shared/shared-forms/preview-upload.component.scss +++ b/client/src/app/shared/shared-forms/preview-upload.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	height: auto;	5	height: auto;


diff --git a/client/src/app/shared/shared-forms/reactive-file.component.scss b/client/src/app/shared/shared-forms/reactive-file.component.scss index a23b28147..e766fd780 100644 --- a/client/src/app/shared/shared-forms/reactive-file.component.scss +++ b/client/src/app/shared/shared-forms/reactive-file.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	height: auto;	5	height: auto;


diff --git a/client/src/app/shared/shared-forms/select/select-checkbox.component.scss b/client/src/app/shared/shared-forms/select/select-checkbox.component.scss index 145f6b26c..7f512affb 100644 --- a/client/src/app/shared/shared-forms/select/select-checkbox.component.scss +++ b/client/src/app/shared/shared-forms/select/select-checkbox.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	ng-select ::ng-deep {	4	ng-select ::ng-deep {
5	.ng-option {	5	.ng-option {


diff --git a/client/src/app/shared/shared-forms/select/select-shared.component.scss b/client/src/app/shared/shared-forms/select/select-shared.component.scss index 9a796f545..37706d3f5 100644 --- a/client/src/app/shared/shared-forms/select/select-shared.component.scss +++ b/client/src/app/shared/shared-forms/select/select-shared.component.scss
@@ -1,5 +1,5 @@
1	@import '_variables';	1	@use '_variables';
2	@import '_mixins';	2	@use '_mixins';
3		3
4	$form-base-input-width: auto;	4	$form-base-input-width: auto;
5		5


diff --git a/client/src/app/shared/shared-forms/timestamp-input.component.scss b/client/src/app/shared/shared-forms/timestamp-input.component.scss index 36f5711a6..b50657f0b 100644 --- a/client/src/app/shared/shared-forms/timestamp-input.component.scss +++ b/client/src/app/shared/shared-forms/timestamp-input.component.scss
@@ -1,4 +1,4 @@
1	@import 'variables';	1	@use '_variables';
2		2
3	p-inputmask {	3	p-inputmask {
4	::ng-deep input {	4	::ng-deep input {