From 8cbc40b2fe9d36ef0505b9441276ca561342e9e9 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 27 May 2021 18:25:00 +0200 Subject: Move to sass module --- .../app/shared/shared-forms/advanced-input-filter.component.scss | 4 ++-- .../app/shared/shared-forms/dynamic-form-field.component.scss | 4 ++-- client/src/app/shared/shared-forms/input-switch.component.scss | 4 ++-- .../app/shared/shared-forms/input-toggle-hidden.component.scss | 4 ++-- .../src/app/shared/shared-forms/markdown-textarea.component.scss | 9 +++++---- .../src/app/shared/shared-forms/peertube-checkbox.component.scss | 4 ++-- client/src/app/shared/shared-forms/preview-upload.component.scss | 4 ++-- client/src/app/shared/shared-forms/reactive-file.component.scss | 4 ++-- .../shared/shared-forms/select/select-checkbox.component.scss | 4 ++-- .../app/shared/shared-forms/select/select-shared.component.scss | 4 ++-- .../src/app/shared/shared-forms/timestamp-input.component.scss | 2 +- 11 files changed, 24 insertions(+), 23 deletions(-) (limited to 'client/src/app/shared/shared-forms') 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 caa671bc9..07a43761c 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 ce5fa7cf5..31bf59edb 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 a5065b669..8ee8a371d 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 99cd8ec0c..ef4236ebc 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 d15fd6cde..0b4872d46 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,6 @@ -@use '_variables'; -@use '_mixins'; +@use 'sass:math'; +@use '_variables' as *; +@use '_mixins' as *; $nav-preview-tab-height: 30px; $base-padding: 15px; @@ -124,8 +125,8 @@ $input-border-radius: 3px; @include padding-right(0); @include padding-left(0); - padding-top: #{$nav-preview-vertical-padding / 2}; - padding-bottom: #{$nav-preview-vertical-padding / 2}; + padding-top: math.div($nav-preview-vertical-padding, 2); + padding-bottom: math.div($nav-preview-vertical-padding, 2); position: absolute; background-color: pvar(--mainBackgroundColor); width: 100% !important; 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 d39b4f3eb..4e384e7e0 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 96141d1fe..b6cc2f007 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 e766fd780..f8db1aa25 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 7f512affb..d47c4f9da 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 37706d3f5..1e9b60fec 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; $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 b50657f0b..d2358c027 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 @@ -@use '_variables'; +@use '_variables' as *; p-inputmask { ::ng-deep input { -- cgit v1.2.3