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-abuse-list/abuse-details.component.scss | 6 +++--- .../app/shared/shared-abuse-list/abuse-list-table.component.scss | 4 ++-- .../shared/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 ++-- .../src/app/shared/shared-actor-image-edit/actor-image-edit.scss | 4 ++-- .../app/shared/shared-actor-image/actor-avatar.component.scss | 4 ++-- .../peertube-custom-tags/button-markup.component.scss | 4 ++-- .../peertube-custom-tags/channel-miniature-markup.component.scss | 4 ++-- .../playlist-miniature-markup.component.scss | 4 ++-- .../peertube-custom-tags/video-miniature-markup.component.scss | 4 ++-- .../peertube-custom-tags/videos-list-markup.component.scss | 6 +++--- .../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 +- .../app/shared/shared-instance/feature-boolean.component.scss | 4 ++-- .../shared-instance/instance-about-accordion.component.scss | 9 ++------- .../shared-instance/instance-features-table.component.scss | 4 ++-- .../shared/shared-main/buttons/action-dropdown.component.scss | 4 ++-- client/src/app/shared/shared-main/buttons/button.component.scss | 4 ++-- client/src/app/shared/shared-main/feeds/feed.component.scss | 4 ++-- client/src/app/shared/shared-main/loaders/loader.component.scss | 4 ++-- client/src/app/shared/shared-main/misc/help.component.scss | 4 ++-- .../src/app/shared/shared-main/misc/list-overflow.component.scss | 4 ++-- .../shared/shared-main/misc/simple-search-input.component.scss | 4 ++-- .../app/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 | 9 +++++---- .../shared/shared-moderation/report-modals/report.component.scss | 4 ++-- .../app/shared/shared-moderation/server-blocklist.component.scss | 4 ++-- .../app/shared/shared-moderation/user-ban-modal.component.scss | 4 ++-- .../src/app/shared/shared-moderation/video-block.component.scss | 4 ++-- .../src/app/shared/shared-share-modal/video-share.component.scss | 4 ++-- .../app/shared/shared-thumbnail/video-thumbnail.component.scss | 6 +++--- .../shared-user-settings/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 | 6 +++--- .../shared/shared-video-miniature/video-download.component.scss | 4 ++-- .../shared/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 +++--- 57 files changed, 125 insertions(+), 128 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 047dc8ea9..37bf4cc56 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 @@ -@use '_variables'; -@use '_mixins'; -@use '_miniature'; +@use '_variables' as *; +@use '_mixins' as *; +@use '_miniature' as *; .comment-html { background-color: #ececec; diff --git a/client/src/app/shared/shared-abuse-list/abuse-list-table.component.scss b/client/src/app/shared/shared-abuse-list/abuse-list-table.component.scss index cb42fe46b..2d8acae58 100644 --- a/client/src/app/shared/shared-abuse-list/abuse-list-table.component.scss +++ b/client/src/app/shared/shared-abuse-list/abuse-list-table.component.scss @@ -1,5 +1,5 @@ -@import '_mixins'; -@import '_variables'; +@use '_mixins' as *; +@use '_variables' as *; .comment-flagged-account, .account-flagged-handle { 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 419eb7fe7..d77e44a9d 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 fc0454fa3..1765282c6 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 a5a9b79d4..cc5e36a32 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 d0ea9d364..ec2de2528 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 f25251d78..c4fe5a59e 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 5601aca40..a2424b593 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .avatar { --avatarSize: 100%; diff --git a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/button-markup.component.scss b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/button-markup.component.scss index f43d6b400..3e03bed89 100644 --- a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/button-markup.component.scss +++ b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/button-markup.component.scss @@ -1,3 +1,3 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; diff --git a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.scss b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.scss index 80c36a58b..fd84780fe 100644 --- a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.scss +++ b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.scss @@ -1,5 +1,5 @@ -@import '_variables'; -@import '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .channel { padding: 20px; 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 d79be9ce8..720b676b4 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 b33784b84..1d324f948 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; my-video-miniature { display: inline-block; diff --git a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/videos-list-markup.component.scss b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/videos-list-markup.component.scss index 5a9a926fe..6cd2179c4 100644 --- a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/videos-list-markup.component.scss +++ b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/videos-list-markup.component.scss @@ -1,6 +1,6 @@ -@import '_variables'; -@import '_mixins'; -@import '_miniature'; +@use '_variables' as *; +@use '_mixins' as *; +@use '_miniature' as *; .root { @include grid-videos-miniature-layout; 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 { 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 a08cbb988..8683ecc55 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 1dd976e6a..be6099a97 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,5 @@ -@use '_variables'; -@use '_mixins'; -@use './_bootstrap-variables'; - -@use '~bootstrap/scss/functions'; -@use '~bootstrap/scss/variables'; +@use '_variables' as *; +@use '_mixins' as *; .instance-name { line-height: 1.7rem; @@ -19,7 +15,6 @@ .block { font-size: 15px; margin-bottom: 15px; - padding: 0 $btn-padding-x; } ngb-accordion ::ng-deep { 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 4e0ec6beb..d8efd8cdf 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 b15e558d1..b456eeb95 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 9fea10976..e74ba0221 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; @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 13710c99b..a1838c485 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 ef7dc872d..b88b0db6a 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; // 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 3ed79d578..1427faca4 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 084fe6bfd..19c055fd3 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,5 +1,5 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; :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 337b0a117..173204291 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 cb024ea5e..0521165d2 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 7ebf140f3..12352b3b7 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 468e04d77..70571bde6 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 dd68c085f..8b1239d34 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .chip { @include chip; diff --git a/client/src/app/shared/shared-moderation/moderation.scss b/client/src/app/shared/shared-moderation/moderation.scss index 0077eaf7f..ef822d092 100644 --- a/client/src/app/shared/shared-moderation/moderation.scss +++ b/client/src/app/shared/shared-moderation/moderation.scss @@ -1,6 +1,7 @@ -@use '_variables'; -@use '_mixins'; -@use '_miniature'; +@use 'sass:math'; +@use '_mixins' as *; +@use '_variables' as *; +@use '_miniature' as *; .moderation-expanded { font-size: 90%; @@ -82,7 +83,7 @@ my-action-dropdown.show { @include margin-right(0.5rem); height: $image-height; - width: #{(16/9) * $image-height}; + width: #{math.div(16, 9) * $image-height}; border-radius: 2px; border: 0; background: transparent; 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 237c5de15..06e50ac2d 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 8dce6dc73..e29668a23 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 81be1780e..08e072d8f 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 c5610c034..3061bbf15 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 76f23595f..98aab8fe8 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 @@ -@use '_mixins'; -@use '_variables'; +@use '_mixins' as *; +@use '_variables' as *; 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 4ccb75c1e..459539924 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 @@ -@use '_variables'; -@use '_mixins'; -@use '_miniature'; +@use '_variables' as *; +@use '_mixins' as *; +@use '_miniature' as *; .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 55a478301..2fc245ace 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 9c3dd2bdd..4b007b691 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 ee876da00..e87f43b63 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 @@ -@use '_mixins'; +@use '_mixins' as *; .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 61cf023be..da8eaf646 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 931bc7269..b9008ba59 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 f5b96c2a6..79e3c1bdf 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 @@ @use '_bootstrap-variables'; -@use '_variables'; -@use '_mixins'; -@use '_miniature'; +@use '_variables' as *; +@use '_mixins' as *; +@use '_miniature' as *; $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 b17bdf79e..c986228d9 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 850a1be2a..80b418c87 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 @@ -@use '_variables'; -@use '_mixins'; -@use '_miniature'; +@use '_variables' as *; +@use '_mixins' as *; +@use '_miniature' as *; $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 727fa2ade..3bb375980 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 fc0d290a1..7db469d7c 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; $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 1f0a03831..c476b3ac1 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 @@ -@use '_variables'; -@use '_mixins'; -@use '_miniature'; +@use '_variables' as *; +@use '_mixins' as *; +@use '_miniature' as *; $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 eee89a373..27955cc3b 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 @@ -@use '_variables'; -@use '_mixins'; -@use '_miniature'; +@use '_variables' as *; +@use '_mixins' as *; +@use '_miniature' as *; .miniature { display: inline-block; -- cgit v1.2.3