From fa12eacc014aae8094d108634371640f2695bf9f Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 27 May 2021 17:45:36 +0200 Subject: Move to sass @use --- .../app/shared/shared-abuse-list/abuse-details.component.scss | 6 +++--- .../shared-abuse-list/abuse-message-modal.component.scss | 4 ++-- .../shared-abuse-list/moderation-comment-modal.component.scss | 4 ++-- .../shared-actor-image-edit/actor-avatar-edit.component.scss | 4 ++-- .../shared-actor-image-edit/actor-banner-edit.component.scss | 4 ++-- .../app/shared/shared-actor-image-edit/actor-image-edit.scss | 4 ++-- .../app/shared/shared-actor-image/actor-avatar.component.scss | 4 ++-- .../playlist-miniature-markup.component.scss | 4 ++-- .../peertube-custom-tags/video-miniature-markup.component.scss | 4 ++-- .../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 ++-- .../app/shared/shared-forms/markdown-textarea.component.scss | 4 ++-- .../app/shared/shared-forms/peertube-checkbox.component.scss | 4 ++-- .../src/app/shared/shared-forms/preview-upload.component.scss | 4 ++-- .../src/app/shared/shared-forms/reactive-file.component.scss | 4 ++-- .../shared/shared-forms/select/select-checkbox.component.scss | 4 ++-- .../shared/shared-forms/select/select-shared.component.scss | 4 ++-- .../src/app/shared/shared-forms/timestamp-input.component.scss | 2 +- .../app/shared/shared-instance/feature-boolean.component.scss | 4 ++-- .../shared-instance/instance-about-accordion.component.scss | 10 +++++----- .../shared-instance/instance-features-table.component.scss | 4 ++-- .../shared/shared-main/buttons/action-dropdown.component.scss | 4 ++-- .../src/app/shared/shared-main/buttons/button.component.scss | 4 ++-- client/src/app/shared/shared-main/feeds/feed.component.scss | 4 ++-- .../src/app/shared/shared-main/loaders/loader.component.scss | 4 ++-- client/src/app/shared/shared-main/misc/help.component.scss | 4 ++-- .../app/shared/shared-main/misc/list-overflow.component.scss | 3 ++- .../shared/shared-main/misc/simple-search-input.component.scss | 4 ++-- .../shared/shared-main/misc/top-menu-dropdown.component.scss | 4 ++-- .../shared/shared-main/users/user-notifications.component.scss | 4 ++-- .../src/app/shared/shared-main/users/user-quota.component.scss | 4 ++-- .../shared/shared-moderation/account-blocklist.component.scss | 4 ++-- client/src/app/shared/shared-moderation/moderation.scss | 6 +++--- .../shared-moderation/report-modals/report.component.scss | 4 ++-- .../shared/shared-moderation/server-blocklist.component.scss | 4 ++-- .../app/shared/shared-moderation/user-ban-modal.component.scss | 4 ++-- .../app/shared/shared-moderation/video-block.component.scss | 4 ++-- .../app/shared/shared-share-modal/video-share.component.scss | 4 ++-- .../app/shared/shared-thumbnail/video-thumbnail.component.scss | 6 +++--- .../user-interface-settings.component.scss | 4 ++-- .../shared-user-settings/user-video-settings.component.scss | 4 ++-- .../shared-user-subscription/remote-subscribe.component.scss | 2 +- .../shared-user-subscription/subscribe-button.component.scss | 4 ++-- .../shared-video-live/live-stream-information.component.scss | 4 ++-- .../app/shared/shared-video-miniature/abstract-video-list.scss | 8 ++++---- .../shared-video-miniature/video-download.component.scss | 4 ++-- .../shared-video-miniature/video-miniature.component.scss | 6 +++--- .../shared-video-miniature/videos-selection.component.scss | 4 ++-- .../shared-video-playlist/video-add-to-playlist.component.scss | 4 ++-- .../video-playlist-element-miniature.component.scss | 6 +++--- .../video-playlist-miniature.component.scss | 6 +++--- 53 files changed, 115 insertions(+), 114 deletions(-) (limited to 'client/src/app/shared') diff --git a/client/src/app/shared/shared-abuse-list/abuse-details.component.scss b/client/src/app/shared/shared-abuse-list/abuse-details.component.scss index 8f8f3ac2e..047dc8ea9 100644 --- a/client/src/app/shared/shared-abuse-list/abuse-details.component.scss +++ b/client/src/app/shared/shared-abuse-list/abuse-details.component.scss @@ -1,6 +1,6 @@ -@import 'variables'; -@import 'mixins'; -@import 'miniature'; +@use '_variables'; +@use '_mixins'; +@use '_miniature'; .comment-html { background-color: #ececec; diff --git a/client/src/app/shared/shared-abuse-list/abuse-message-modal.component.scss b/client/src/app/shared/shared-abuse-list/abuse-message-modal.component.scss index 4163722dd..419eb7fe7 100644 --- a/client/src/app/shared/shared-abuse-list/abuse-message-modal.component.scss +++ b/client/src/app/shared/shared-abuse-list/abuse-message-modal.component.scss @@ -1,5 +1,5 @@ -@import 'variables'; -@import 'mixins'; +@use '_variables'; +@use '_mixins'; form { margin: 20px 20px 0 0; diff --git a/client/src/app/shared/shared-abuse-list/moderation-comment-modal.component.scss b/client/src/app/shared/shared-abuse-list/moderation-comment-modal.component.scss index afcdb9a16..fc0454fa3 100644 --- a/client/src/app/shared/shared-abuse-list/moderation-comment-modal.component.scss +++ b/client/src/app/shared/shared-abuse-list/moderation-comment-modal.component.scss @@ -1,5 +1,5 @@ -@import 'variables'; -@import 'mixins'; +@use '_variables'; +@use '_mixins'; textarea { @include peertube-textarea(100%, 100px); diff --git a/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss b/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss index a296cd173..a5a9b79d4 100644 --- a/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss +++ b/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; .actor { display: flex; diff --git a/client/src/app/shared/shared-actor-image-edit/actor-banner-edit.component.scss b/client/src/app/shared/shared-actor-image-edit/actor-banner-edit.component.scss index 23606f871..d0ea9d364 100644 --- a/client/src/app/shared/shared-actor-image-edit/actor-banner-edit.component.scss +++ b/client/src/app/shared/shared-actor-image-edit/actor-banner-edit.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; .banner-placeholder { @include block-ratio('> div, > img', $banner-inverted-ratio); diff --git a/client/src/app/shared/shared-actor-image-edit/actor-image-edit.scss b/client/src/app/shared/shared-actor-image-edit/actor-image-edit.scss index 918955a89..f25251d78 100644 --- a/client/src/app/shared/shared-actor-image-edit/actor-image-edit.scss +++ b/client/src/app/shared/shared-actor-image-edit/actor-image-edit.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; .actor ::ng-deep .popover-image-info .popover-body { padding: 0; diff --git a/client/src/app/shared/shared-actor-image/actor-avatar.component.scss b/client/src/app/shared/shared-actor-image/actor-avatar.component.scss index bf50de4e9..5601aca40 100644 --- a/client/src/app/shared/shared-actor-image/actor-avatar.component.scss +++ b/client/src/app/shared/shared-actor-image/actor-avatar.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; .avatar { --avatarSize: 100%; diff --git a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/playlist-miniature-markup.component.scss b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/playlist-miniature-markup.component.scss index 281cef726..d79be9ce8 100644 --- a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/playlist-miniature-markup.component.scss +++ b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/playlist-miniature-markup.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; my-video-playlist-miniature { display: inline-block; diff --git a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/video-miniature-markup.component.scss b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/video-miniature-markup.component.scss index 81e265f29..b33784b84 100644 --- a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/video-miniature-markup.component.scss +++ b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/video-miniature-markup.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; my-video-miniature { display: inline-block; 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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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 { diff --git a/client/src/app/shared/shared-instance/feature-boolean.component.scss b/client/src/app/shared/shared-instance/feature-boolean.component.scss index 56d08af06..a08cbb988 100644 --- a/client/src/app/shared/shared-instance/feature-boolean.component.scss +++ b/client/src/app/shared/shared-instance/feature-boolean.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; .glyphicon-ok { color: $green; diff --git a/client/src/app/shared/shared-instance/instance-about-accordion.component.scss b/client/src/app/shared/shared-instance/instance-about-accordion.component.scss index 615e08bcc..1dd976e6a 100644 --- a/client/src/app/shared/shared-instance/instance-about-accordion.component.scss +++ b/client/src/app/shared/shared-instance/instance-about-accordion.component.scss @@ -1,9 +1,9 @@ -@import '_variables'; -@import '_mixins'; -@import './_bootstrap-variables'; +@use '_variables'; +@use '_mixins'; +@use './_bootstrap-variables'; -@import '~bootstrap/scss/functions'; -@import '~bootstrap/scss/variables'; +@use '~bootstrap/scss/functions'; +@use '~bootstrap/scss/variables'; .instance-name { line-height: 1.7rem; diff --git a/client/src/app/shared/shared-instance/instance-features-table.component.scss b/client/src/app/shared/shared-instance/instance-features-table.component.scss index c8609a4c0..4e0ec6beb 100644 --- a/client/src/app/shared/shared-instance/instance-features-table.component.scss +++ b/client/src/app/shared/shared-instance/instance-features-table.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; table { font-size: 14px; 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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@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'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; label { font-weight: $font-regular; diff --git a/client/src/app/shared/shared-moderation/account-blocklist.component.scss b/client/src/app/shared/shared-moderation/account-blocklist.component.scss index bc441811e..dd68c085f 100644 --- a/client/src/app/shared/shared-moderation/account-blocklist.component.scss +++ b/client/src/app/shared/shared-moderation/account-blocklist.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; .chip { @include chip; diff --git a/client/src/app/shared/shared-moderation/moderation.scss b/client/src/app/shared/shared-moderation/moderation.scss index 7c6dc9b72..0077eaf7f 100644 --- a/client/src/app/shared/shared-moderation/moderation.scss +++ b/client/src/app/shared/shared-moderation/moderation.scss @@ -1,6 +1,6 @@ -@import 'variables'; -@import 'mixins'; -@import 'miniature'; +@use '_variables'; +@use '_mixins'; +@use '_miniature'; .moderation-expanded { font-size: 90%; diff --git a/client/src/app/shared/shared-moderation/report-modals/report.component.scss b/client/src/app/shared/shared-moderation/report-modals/report.component.scss index 5decd36c2..237c5de15 100644 --- a/client/src/app/shared/shared-moderation/report-modals/report.component.scss +++ b/client/src/app/shared/shared-moderation/report-modals/report.component.scss @@ -1,5 +1,5 @@ -@import 'variables'; -@import 'mixins'; +@use '_variables'; +@use '_mixins'; .information { margin-bottom: 20px; diff --git a/client/src/app/shared/shared-moderation/server-blocklist.component.scss b/client/src/app/shared/shared-moderation/server-blocklist.component.scss index a22972c5f..8dce6dc73 100644 --- a/client/src/app/shared/shared-moderation/server-blocklist.component.scss +++ b/client/src/app/shared/shared-moderation/server-blocklist.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; a { @include disable-default-a-behaviour; diff --git a/client/src/app/shared/shared-moderation/user-ban-modal.component.scss b/client/src/app/shared/shared-moderation/user-ban-modal.component.scss index 84562f15c..81be1780e 100644 --- a/client/src/app/shared/shared-moderation/user-ban-modal.component.scss +++ b/client/src/app/shared/shared-moderation/user-ban-modal.component.scss @@ -1,5 +1,5 @@ -@import 'variables'; -@import 'mixins'; +@use '_variables'; +@use '_mixins'; textarea { @include peertube-textarea(100%, 60px); diff --git a/client/src/app/shared/shared-moderation/video-block.component.scss b/client/src/app/shared/shared-moderation/video-block.component.scss index a6e33070b..c5610c034 100644 --- a/client/src/app/shared/shared-moderation/video-block.component.scss +++ b/client/src/app/shared/shared-moderation/video-block.component.scss @@ -1,5 +1,5 @@ -@import 'variables'; -@import 'mixins'; +@use '_variables'; +@use '_mixins'; textarea { @include peertube-textarea(100%, 100px); diff --git a/client/src/app/shared/shared-share-modal/video-share.component.scss b/client/src/app/shared/shared-share-modal/video-share.component.scss index 7e4dafc91..76f23595f 100644 --- a/client/src/app/shared/shared-share-modal/video-share.component.scss +++ b/client/src/app/shared/shared-share-modal/video-share.component.scss @@ -1,5 +1,5 @@ -@import '_mixins'; -@import '_variables'; +@use '_mixins'; +@use '_variables'; my-input-toggle-hidden { width: 100%; diff --git a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.scss b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.scss index e678d6edf..4ccb75c1e 100644 --- a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.scss +++ b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.scss @@ -1,6 +1,6 @@ -@import '_variables'; -@import '_mixins'; -@import '_miniature'; +@use '_variables'; +@use '_mixins'; +@use '_miniature'; .video-thumbnail { @include miniature-thumbnail; diff --git a/client/src/app/shared/shared-user-settings/user-interface-settings.component.scss b/client/src/app/shared/shared-user-settings/user-interface-settings.component.scss index 7818dfc02..55a478301 100644 --- a/client/src/app/shared/shared-user-settings/user-interface-settings.component.scss +++ b/client/src/app/shared/shared-user-settings/user-interface-settings.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; label { font-weight: $font-regular; diff --git a/client/src/app/shared/shared-user-settings/user-video-settings.component.scss b/client/src/app/shared/shared-user-settings/user-video-settings.component.scss index 2cbd92d41..9c3dd2bdd 100644 --- a/client/src/app/shared/shared-user-settings/user-video-settings.component.scss +++ b/client/src/app/shared/shared-user-settings/user-video-settings.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; label { font-weight: $font-regular; diff --git a/client/src/app/shared/shared-user-subscription/remote-subscribe.component.scss b/client/src/app/shared/shared-user-subscription/remote-subscribe.component.scss index 73db0d090..ee876da00 100644 --- a/client/src/app/shared/shared-user-subscription/remote-subscribe.component.scss +++ b/client/src/app/shared/shared-user-subscription/remote-subscribe.component.scss @@ -1,4 +1,4 @@ -@import '_mixins'; +@use '_mixins'; .btn-remote-follow { @include peertube-button; diff --git a/client/src/app/shared/shared-user-subscription/subscribe-button.component.scss b/client/src/app/shared/shared-user-subscription/subscribe-button.component.scss index 1b0cc8c64..61cf023be 100644 --- a/client/src/app/shared/shared-user-subscription/subscribe-button.component.scss +++ b/client/src/app/shared/shared-user-subscription/subscribe-button.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; .btn-group-subscribe { @include peertube-button; diff --git a/client/src/app/shared/shared-video-live/live-stream-information.component.scss b/client/src/app/shared/shared-video-live/live-stream-information.component.scss index ad66ab500..931bc7269 100644 --- a/client/src/app/shared/shared-video-live/live-stream-information.component.scss +++ b/client/src/app/shared/shared-video-live/live-stream-information.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; p-autocomplete { display: block; diff --git a/client/src/app/shared/shared-video-miniature/abstract-video-list.scss b/client/src/app/shared/shared-video-miniature/abstract-video-list.scss index c8dda2900..f5b96c2a6 100644 --- a/client/src/app/shared/shared-video-miniature/abstract-video-list.scss +++ b/client/src/app/shared/shared-video-miniature/abstract-video-list.scss @@ -1,7 +1,7 @@ -@import '_bootstrap-variables'; -@import '_variables'; -@import '_mixins'; -@import '_miniature'; +@use '_bootstrap-variables'; +@use '_variables'; +@use '_mixins'; +@use '_miniature'; $icon-size: 16px; diff --git a/client/src/app/shared/shared-video-miniature/video-download.component.scss b/client/src/app/shared/shared-video-miniature/video-download.component.scss index f03034571..b17bdf79e 100644 --- a/client/src/app/shared/shared-video-miniature/video-download.component.scss +++ b/client/src/app/shared/shared-video-miniature/video-download.component.scss @@ -1,5 +1,5 @@ -@import 'variables'; -@import 'mixins'; +@use '_variables'; +@use '_mixins'; .nav-content { margin-top: 30px; diff --git a/client/src/app/shared/shared-video-miniature/video-miniature.component.scss b/client/src/app/shared/shared-video-miniature/video-miniature.component.scss index 8f632edb4..850a1be2a 100644 --- a/client/src/app/shared/shared-video-miniature/video-miniature.component.scss +++ b/client/src/app/shared/shared-video-miniature/video-miniature.component.scss @@ -1,6 +1,6 @@ -@import '_variables'; -@import '_mixins'; -@import '_miniature'; +@use '_variables'; +@use '_mixins'; +@use '_miniature'; $more-button-width: 40px; diff --git a/client/src/app/shared/shared-video-miniature/videos-selection.component.scss b/client/src/app/shared/shared-video-miniature/videos-selection.component.scss index fa751eeca..727fa2ade 100644 --- a/client/src/app/shared/shared-video-miniature/videos-selection.component.scss +++ b/client/src/app/shared/shared-video-miniature/videos-selection.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; .action-selection-mode { display: flex; diff --git a/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss b/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss index 5f0798e3c..fc0d290a1 100644 --- a/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables'; +@use '_mixins'; $optional-rows-checkbox-width: 34px; $timestamp-width: 50px; diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss index 1fe28a682..1f0a03831 100644 --- a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss @@ -1,6 +1,6 @@ -@import '_variables'; -@import '_mixins'; -@import '_miniature'; +@use '_variables'; +@use '_mixins'; +@use '_miniature'; $thumbnail-width: 130px; $thumbnail-height: 72px; diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss index cf7513984..eee89a373 100644 --- a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss @@ -1,6 +1,6 @@ -@import '_variables'; -@import '_mixins'; -@import '_miniature'; +@use '_variables'; +@use '_mixins'; +@use '_miniature'; .miniature { display: inline-block; -- cgit v1.2.3