Move to sass @use

diff --git a/client/src/app/+about/about-follows/about-follows.component.scss b/client/src/app/+about/about-follows/about-follows.component.scss
index 83241e7273f82678976275f71fe5cfc6875cd075..3001f45eb5eaa5161f72e4472d4f574989881ce4 100644 (file)
--- a/client/src/app/+about/about-follows/about-follows.component.scss
+++ b/client/src/app/+about/about-follows/about-follows.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .subtitle {
   font-size: 18px;

diff --git a/client/src/app/+about/about-instance/about-instance.component.scss b/client/src/app/+about/about-instance/about-instance.component.scss
index 6bbb66a5889f09e8c3f714849e665f66fa023dc3..816dc22da6d1a8cf6c8cf09dd7c012aecdcf1f39 100644 (file)
--- a/client/src/app/+about/about-instance/about-instance.component.scss
+++ b/client/src/app/+about/about-instance/about-instance.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .about-instance-title {
   display: flex;

diff --git a/client/src/app/+about/about-instance/contact-admin-modal.component.scss b/client/src/app/+about/about-instance/contact-admin-modal.component.scss
index cc75e82794148d147cfee46d646a486be99c399a..a726975c7ecfd1a72f8298d3f0b5556a6c22e781 100644 (file)
--- a/client/src/app/+about/about-instance/contact-admin-modal.component.scss
+++ b/client/src/app/+about/about-instance/contact-admin-modal.component.scss
@@ -1,5 +1,5 @@
-@import 'variables';
-@import 'mixins';
+@use '_variables';
+@use '_mixins';
 
 .modal-body {
   text-align: left;

diff --git a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
index daff00df57481677df87b39328b5e5cc7cf8127a..1cd10ba82b9fdd9dda8755abec7569d0443ee8b0 100644 (file)
--- a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
+++ b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .peertube-contributors {
   .framasoft {

diff --git a/client/src/app/+about/about-peertube/about-peertube.component.scss b/client/src/app/+about/about-peertube/about-peertube.component.scss
index e5d2bc5b859ef9b062e4b06b5765f682e8f7208e..57b3d492dc5768929f05053698cd74efeaa9f4e6 100644 (file)
--- a/client/src/app/+about/about-peertube/about-peertube.component.scss
+++ b/client/src/app/+about/about-peertube/about-peertube.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .root {
   max-width: 1200px;

diff --git a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss
index 60914ec121ddc4c221b045b81b8ebd038180a1af..d718d13bb3cf047f2d2f483f1b07d786a1fed0c8 100644 (file)
--- a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss
+++ b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss
@@ -1,6 +1,6 @@
-@import '_variables';
-@import '_mixins';
-@import '_miniature';
+@use '_variables';
+@use '_mixins';
+@use '_miniature';
 
 .margin-content {
   @include grid-videos-miniature-margins;

diff --git a/client/src/app/+accounts/accounts.component.scss b/client/src/app/+accounts/accounts.component.scss
index 1a1ad1b532a1ccf11f4e057b9e052edb9c5b73ff..04fa8fb73079af49de81ddc8bb81b7a4231c252a 100644 (file)
--- a/client/src/app/+accounts/accounts.component.scss
+++ b/client/src/app/+accounts/accounts.component.scss
@@ -1,7 +1,7 @@
-@import '_variables';
-@import '_mixins';
-@import '_actor';
-@import '_miniature';
+@use '_variables';
+@use '_mixins';
+@use '_actor';
+@use '_miniature';
 
 .root {
   --myGlobalTopPadding: 60px;

diff --git a/client/src/app/+admin/admin.component.scss b/client/src/app/+admin/admin.component.scss
index c98cc9be59e8db41ba866a91ae0cfa760b5dfca5..753b0042befb197a38ef2f56e3558d922ac9932f 100644 (file)
--- a/client/src/app/+admin/admin.component.scss
+++ b/client/src/app/+admin/admin.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 my-top-menu-dropdown {
   flex-grow: 1;

diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
index b99a779a189cc2f2183a4e821f8bf2a8e3bbb881..66c529055ee45861b814bbed240c33a0a9480485 100644 (file)
--- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
+++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 $form-base-input-width: 340px;
 

diff --git a/client/src/app/+admin/follows/followers-list/followers-list.component.scss b/client/src/app/+admin/follows/followers-list/followers-list.component.scss
index 8a120bd616673199456a1b389a3f2437cd16e7e3..e01c9571d21bbf26125372927a14845aabfa101c 100644 (file)
--- a/client/src/app/+admin/follows/followers-list/followers-list.component.scss
+++ b/client/src/app/+admin/follows/followers-list/followers-list.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/+admin/follows/following-list/following-list.component.scss b/client/src/app/+admin/follows/following-list/following-list.component.scss
index 9474b0a234f9b26c7bce2e31739c40be57b0222e..69e047700fdb1f78748ea7e44061539408fa0b51 100644 (file)
--- a/client/src/app/+admin/follows/following-list/following-list.component.scss
+++ b/client/src/app/+admin/follows/following-list/following-list.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/+admin/follows/follows.component.scss b/client/src/app/+admin/follows/follows.component.scss
index 55256c273283eeb2faa75d92dc7c811e3c61f9e7..ef2c089577653dd4c3295e9c92c5b1d04220585d 100644 (file)
--- a/client/src/app/+admin/follows/follows.component.scss
+++ b/client/src/app/+admin/follows/follows.component.scss
@@ -1,4 +1,4 @@
-@import 'mixins';
+@use '_mixins';
 
 .form-sub-title {
   @include margin-right(30px);

diff --git a/client/src/app/+admin/follows/shared/redundancy-checkbox.component.scss b/client/src/app/+admin/follows/shared/redundancy-checkbox.component.scss
index 5e6774739fb643993a1068a8f5cc0ab97b73bdfe..21a554f2cf94f1bd9f989c7f43a9bc0f16abcdc1 100644 (file)
--- a/client/src/app/+admin/follows/shared/redundancy-checkbox.component.scss
+++ b/client/src/app/+admin/follows/shared/redundancy-checkbox.component.scss
@@ -1,2 +1,2 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';

diff --git a/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.scss b/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.scss
index ff9a83fea406723862fc337eac5fe66acc8b386e..bea8bf0d7bd507c9cc06a6d591c59397435b0e43 100644 (file)
--- a/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.scss
+++ b/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.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/+admin/follows/video-redundancies-list/video-redundancy-information.component.scss b/client/src/app/+admin/follows/video-redundancies-list/video-redundancy-information.component.scss
index 6b09fbb017f70828f845ad8f47277f36d4302a80..f81a8d2f7becd5a238d524352ee160b85fa06cd2 100644 (file)
--- a/client/src/app/+admin/follows/video-redundancies-list/video-redundancy-information.component.scss
+++ b/client/src/app/+admin/follows/video-redundancies-list/video-redundancy-information.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .label {
   display: inline-block;

diff --git a/client/src/app/+admin/moderation/instance-blocklist/instance-account-blocklist.component.scss b/client/src/app/+admin/moderation/instance-blocklist/instance-account-blocklist.component.scss
index 1d98e44d92f3ff70ddd1a32dbe08e5c481f8e38a..e804045daa2cee7b37000ed58b0c74a0ec4bc444 100644 (file)
--- a/client/src/app/+admin/moderation/instance-blocklist/instance-account-blocklist.component.scss
+++ b/client/src/app/+admin/moderation/instance-blocklist/instance-account-blocklist.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .unblock-button {
   @include peertube-button;

diff --git a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss
index 068aa2aee76bd8df041c572b1f2066440d773a1d..8b967da3a39cf09e9319841fa13799b5720991a7 100644 (file)
--- a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss
+++ b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss
@@ -1,4 +1,4 @@
-@import 'mixins';
+@use '_mixins';
 
 my-global-icon {
   width: 24px;

diff --git a/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss b/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss
index 39e54c3157b76fc973ecb27b5a04f49fd463d9b4..a4aec81b8ea0a085afb3541294074b5c9b0fe87e 100644 (file)
--- a/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss
+++ b/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss
@@ -1,4 +1,4 @@
-@import 'mixins';
+@use '_mixins';
 
 my-feed {
   @include margin-left(5px);

diff --git a/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.scss b/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.scss
index 22d4a59ab2acbcf4e216d13f3bdd1126c3990574..52297cd00902e00182c1a026600cbfb8634c4365 100644 (file)
--- a/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.scss
+++ b/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .update-button[disabled=true] ::ng-deep .action-button {
   cursor: default !important;

diff --git a/client/src/app/+admin/plugins/plugin-search/plugin-search.component.scss b/client/src/app/+admin/plugins/plugin-search/plugin-search.component.scss
index 7e532f9310029b06262a2534d2209c36162f388c..f4b93c72fa442c2e0309b087706420c9bc4e53a4 100644 (file)
--- a/client/src/app/+admin/plugins/plugin-search/plugin-search.component.scss
+++ b/client/src/app/+admin/plugins/plugin-search/plugin-search.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .search-bar {
   display: flex;

diff --git a/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.scss b/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.scss
index 6b7b84e299d776f247a9f04d33fd77b4825daadf..942a9c0936d10487c5c7bdee192ef7c9997e8032 100644 (file)
--- a/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.scss
+++ b/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 h2 {
   margin-bottom: 20px;

diff --git a/client/src/app/+admin/plugins/shared/plugin-list.component.scss b/client/src/app/+admin/plugins/shared/plugin-list.component.scss
index 0ca49aef486ceef16aaab15fb685a65123e40107..265c0571fd43d43d5ae9d91089d5e63126da64a9 100644 (file)
--- a/client/src/app/+admin/plugins/shared/plugin-list.component.scss
+++ b/client/src/app/+admin/plugins/shared/plugin-list.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .plugin {
   margin: 15px 0;

diff --git a/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss b/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
index 9e98fcd340521519ea5bf3fee27856afa62abf9c..3dc1ab33aa6fd560a216edac7d7a04cffc721e58 100644 (file)
--- a/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
+++ b/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .toggle-plugin-type {
   display: flex;

diff --git a/client/src/app/+admin/system/debug/debug.component.scss b/client/src/app/+admin/system/debug/debug.component.scss
index 7bc8fa9464da98ee6d557c24bad61df5f9115d83..b46e46612ecc4fab9f99add4207f9f36ac8f14ed 100644 (file)
--- a/client/src/app/+admin/system/debug/debug.component.scss
+++ b/client/src/app/+admin/system/debug/debug.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .root {
   font-size: 15px;

diff --git a/client/src/app/+admin/system/jobs/jobs.component.scss b/client/src/app/+admin/system/jobs/jobs.component.scss
index 6698646cd1f8f82f0f455edba8d2bc3e35de178a..3261b039126cc311daf4b3956b57f65f50c0cbf1 100644 (file)
--- a/client/src/app/+admin/system/jobs/jobs.component.scss
+++ b/client/src/app/+admin/system/jobs/jobs.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .select-job-state {
   min-width: 120px;

diff --git a/client/src/app/+admin/system/logs/logs.component.scss b/client/src/app/+admin/system/logs/logs.component.scss
index e2e5a593202e8ca80d8339b9026f7f7d02d9c46d..2f7d1e1119c82748c816227fed7ed58c93ed35ff 100644 (file)
--- a/client/src/app/+admin/system/logs/logs.component.scss
+++ b/client/src/app/+admin/system/logs/logs.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .logs {
   font-family: monospace;

diff --git a/client/src/app/+admin/users/user-edit/user-edit.component.scss b/client/src/app/+admin/users/user-edit/user-edit.component.scss
index 145177fb91cc87b1c86e0e9e24f64dd6d9c35a4a..6d1ac3566d0c91fd60c7ae4d1a6c3a826dc8a037 100644 (file)
--- a/client/src/app/+admin/users/user-edit/user-edit.component.scss
+++ b/client/src/app/+admin/users/user-edit/user-edit.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 $form-base-input-width: 340px;
 

diff --git a/client/src/app/+admin/users/user-edit/user-password.component.scss b/client/src/app/+admin/users/user-edit/user-password.component.scss
index 66d15ee9cc01de3c90193c452bf6697c077131b3..1e2f3f5e83c8533f53b205765fc77830b350bef0 100644 (file)
--- a/client/src/app/+admin/users/user-edit/user-password.component.scss
+++ b/client/src/app/+admin/users/user-edit/user-password.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 input:not([type=submit]):not([type=checkbox]) {
   @include peertube-input-text(340px);

diff --git a/client/src/app/+admin/users/user-list/user-list.component.scss b/client/src/app/+admin/users/user-list/user-list.component.scss
index f004775c07cc420542005997d7b2614bdb20d2aa..a39a889dc577d658969f9359b980c7776063ee87 100644 (file)
--- a/client/src/app/+admin/users/user-list/user-list.component.scss
+++ b/client/src/app/+admin/users/user-list/user-list.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .add-button {
   @include create-button;

diff --git a/client/src/app/+login/login.component.scss b/client/src/app/+login/login.component.scss
index 6154980c6785f4dc0922c375d837a7c9054dbded..3b2e462df1e4804d42851fc69dc91265acce836b 100644 (file)
--- a/client/src/app/+login/login.component.scss
+++ b/client/src/app/+login/login.component.scss
@@ -1,8 +1,8 @@
-@import '_variables';
-@import '_mixins';
-@import './_bootstrap-variables';
-@import '~bootstrap/scss/functions';
-@import '~bootstrap/scss/variables';
+@use '_variables';
+@use '_mixins';
+@use './_bootstrap-variables';
+@use '~bootstrap/scss/functions';
+@use '~bootstrap/scss/variables';
 
 label {
   display: block;

diff --git a/client/src/app/+my-account/my-account-applications/my-account-applications.component.scss b/client/src/app/+my-account/my-account-applications/my-account-applications.component.scss
index 7a5e7cbeb2a8b4a835bfb4f0732cbe21458c292e..fcadb91abd92be7c79ce53acdc383e5235361d17 100644 (file)
--- a/client/src/app/+my-account/my-account-applications/my-account-applications.component.scss
+++ b/client/src/app/+my-account/my-account-applications/my-account-applications.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/+my-account/my-account-notifications/my-account-notifications.component.scss b/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.scss
index 346d20e2080b00b6d3604ed259302c296e745256..71eac701b409c57360918daaa995aa4637d667a7 100644 (file)
--- a/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.scss
+++ b/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .header {
   display: flex;

diff --git a/client/src/app/+my-account/my-account-settings/my-account-change-email/my-account-change-email.component.scss b/client/src/app/+my-account/my-account-settings/my-account-change-email/my-account-change-email.component.scss
index a8b9be0d1fe3d49baecb37a797fbf2c92ca8009d..5da4c671a5e2afe57ef07e56720a379bc7301842 100644 (file)
--- a/client/src/app/+my-account/my-account-settings/my-account-change-email/my-account-change-email.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-change-email/my-account-change-email.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/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.scss b/client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.scss
index 4e3fda587e0cd9c2abad366eda4099bedb4c198a..10d92b80b31f3d2e98c3affacf05a3efabc72e1a 100644 (file)
--- a/client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.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/+my-account/my-account-settings/my-account-danger-zone/my-account-danger-zone.component.scss b/client/src/app/+my-account/my-account-settings/my-account-danger-zone/my-account-danger-zone.component.scss
index 64f9609649e0f429ef17adba0d2f44c679421343..30f4f2ade1babdcbae647e5f8d13655c4402c6d9 100644 (file)
--- a/client/src/app/+my-account/my-account-settings/my-account-danger-zone/my-account-danger-zone.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-danger-zone/my-account-danger-zone.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .delete-me {
   button {

diff --git a/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss b/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss
index 42319400d290b37bae3bb2b8a7c8381b0176e463..f35d15f935fc30843112d98b6d1e3717683707a6 100644 (file)
--- a/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .custom-row {
   display: flex;

diff --git a/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss b/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss
index 2d24417a1120c51fb5aef48f025fcca25a69729b..dfe3503ec7bcecef3727872e893b2d12e80e3eaf 100644 (file)
--- a/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.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/+my-account/my-account-settings/my-account-settings.component.scss b/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
index d17cd931e8d41acbc531967cc77b73d66804bcc9..09d192beb2083e8a30a12599cb3b68d4ac2fb0c4 100644 (file)
--- a/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .account-title {
   @include settings-big-title;

diff --git a/client/src/app/+my-account/my-account.component.scss b/client/src/app/+my-account/my-account.component.scss
index b32bc84e7b795b4962e6ea2b78efd888a8f85b82..4439ecf455d151f112f52a6577cd7039b4e1c46f 100644 (file)
--- a/client/src/app/+my-account/my-account.component.scss
+++ b/client/src/app/+my-account/my-account.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .row {
   @include sub-menu-h1;

diff --git a/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss b/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss
index 0b366716d157b72ea5e3f59f654db098b609916d..d84bfdb0317dcf69ef83c68ceab930514dde804b 100644 (file)
--- a/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss
+++ b/client/src/app/+my-library/+my-video-channels/my-video-channel-edit.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/+my-library/+my-video-channels/my-video-channels.component.scss b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss
index c236f322f178787de0922402e8e37725e27bb18d..e707b1c14f58fe9ea40c63e7098055e182a48c13 100644 (file)
--- a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss
+++ b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 h1 my-global-icon {
   position: relative;

diff --git a/client/src/app/+my-library/my-history/my-history.component.scss b/client/src/app/+my-library/my-history/my-history.component.scss
index 1451cf4155d6bbda38da03ae1a3a3a9bfc21c213..8d61cb68b3a9a42015ea1eb2b705d18627f08bc3 100644 (file)
--- a/client/src/app/+my-library/my-history/my-history.component.scss
+++ b/client/src/app/+my-library/my-history/my-history.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .no-history {
   display: flex;

diff --git a/client/src/app/+my-library/my-library.component.scss b/client/src/app/+my-library/my-library.component.scss
index b32bc84e7b795b4962e6ea2b78efd888a8f85b82..4439ecf455d151f112f52a6577cd7039b4e1c46f 100644 (file)
--- a/client/src/app/+my-library/my-library.component.scss
+++ b/client/src/app/+my-library/my-library.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .row {
   @include sub-menu-h1;

diff --git a/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss b/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss
index bf3770e56d7d14164c3470b18625a0288e0038d8..9468c9c4b638d24101538719765e70eeb8ebeeab 100644 (file)
--- a/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss
+++ b/client/src/app/+my-library/my-ownership/my-accept-ownership/my-accept-ownership.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .peertube-select-container {
   @include peertube-select-container(350px);

diff --git a/client/src/app/+my-library/my-ownership/my-ownership.component.scss b/client/src/app/+my-library/my-ownership/my-ownership.component.scss
index 62763045de0580acb102104df687bc5c39b99973..c834bc768c4f282bcd9212533c138a7ce645357a 100644 (file)
--- a/client/src/app/+my-library/my-ownership/my-ownership.component.scss
+++ b/client/src/app/+my-library/my-ownership/my-ownership.component.scss
@@ -1,5 +1,5 @@
-@import 'miniature';
-@import 'mixins';
+@use '_miniature';
+@use '_mixins';
 
 .chip {
   @include chip;

diff --git a/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss b/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss
index d02f9ed2767e348454e846a81a7c80be883e5935..b652d67742063ea0b6f5ca33c16e41eb097f3825 100644 (file)
--- a/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss
+++ b/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 input[type=text] {
   @include peertube-input-text(300px);

diff --git a/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss b/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss
index c4b847c3d1e1c330f062b3b1bfeb34522dd7f173..999677f29f8ae81f3f0fa49f5fb4abc4f25eec89 100644 (file)
--- a/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss
+++ b/client/src/app/+my-library/my-video-imports/my-video-imports.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 pre {
   font-size: 11px;

diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.scss
index 08fab11019080586a5e0d976e1d59822d4b863e2..b5e1491d6c7611dd398447a61e10112d9bfb952c 100644 (file)
--- a/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.scss
+++ b/client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.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/+my-library/my-video-playlists/my-video-playlist-elements.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
index f0950068251475570b20d4a3252e2d8fd5bc096c..00bf51f322c0db69a7e5e711bd2b32b5f8001049 100644 (file)
--- a/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
+++ b/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
@@ -1,6 +1,6 @@
-@import '_variables';
-@import '_mixins';
-@import '_miniature';
+@use '_variables';
+@use '_mixins';
+@use '_miniature';
 
 .root {
   display: grid;

diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss
index f84b733a63ed7bcd90a138cfc87d9b8eb6cee5c8..a61289d6f3fb6ad73960c07aaa7e3265682ec5d9 100644 (file)
--- a/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss
+++ b/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 h1 {
   display: flex;

diff --git a/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss b/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss
index 16187bc4a18634bf8454c3400a2c2ce6e0d23dbd..2e9a2703d093a89e40365e2a4de4fa283ba122f5 100644 (file)
--- a/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss
+++ b/client/src/app/+my-library/my-videos/modals/video-change-ownership.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 p-autocomplete {
   display: block;

diff --git a/client/src/app/+my-library/my-videos/my-videos.component.scss b/client/src/app/+my-library/my-videos/my-videos.component.scss
index 57d27aa8e1b7f9f074bce4f63983ce4c40641e25..da364b4431169440136814f41f29a246ff3b09c0 100644 (file)
--- a/client/src/app/+my-library/my-videos/my-videos.component.scss
+++ b/client/src/app/+my-library/my-videos/my-videos.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 input[type=text] {
   @include peertube-input-text(300px);

diff --git a/client/src/app/+page-not-found/page-not-found.component.scss b/client/src/app/+page-not-found/page-not-found.component.scss
index a997dd9d7850c3f5e5af627423cb1bfbb06b2c98..ffcf008779b59855f9258eb951ceac3d77e3e39b 100644 (file)
--- a/client/src/app/+page-not-found/page-not-found.component.scss
+++ b/client/src/app/+page-not-found/page-not-found.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .root {
   @include margin-left(auto);

diff --git a/client/src/app/+remote-interaction/remote-interaction.component.scss b/client/src/app/+remote-interaction/remote-interaction.component.scss
index 5e6774739fb643993a1068a8f5cc0ab97b73bdfe..21a554f2cf94f1bd9f989c7f43a9bc0f16abcdc1 100644 (file)
--- a/client/src/app/+remote-interaction/remote-interaction.component.scss
+++ b/client/src/app/+remote-interaction/remote-interaction.component.scss
@@ -1,2 +1,2 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';

diff --git a/client/src/app/+reset-password/reset-password.component.scss b/client/src/app/+reset-password/reset-password.component.scss
index efec6b70688326fd5d612f099a7d4e1362aad06a..aeb1c8bec090b2ae67fe755e31898b3e5585c49a 100644 (file)
--- a/client/src/app/+reset-password/reset-password.component.scss
+++ b/client/src/app/+reset-password/reset-password.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/+search/search-filters.component.scss b/client/src/app/+search/search-filters.component.scss
index b0c09e6aa3e2be7b971510fe17feff0ce88778fe..5e2aaaeb55447985d08345e85ceb69764e67bb9f 100644 (file)
--- a/client/src/app/+search/search-filters.component.scss
+++ b/client/src/app/+search/search-filters.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 form {
   margin-top: 40px;

diff --git a/client/src/app/+search/search.component.scss b/client/src/app/+search/search.component.scss
index 2a19e369a2cd3cd6d8c7d99292353358ea50afca..3603c39818a59344d8edc7b1fd66abbdb9357832 100644 (file)
--- a/client/src/app/+search/search.component.scss
+++ b/client/src/app/+search/search.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 @mixin build-channel-img-size ($video-img-width) {
   $image-size: min(130px, $video-img-width);

diff --git a/client/src/app/+signup/+register/custom-stepper.component.scss b/client/src/app/+signup/+register/custom-stepper.component.scss
index 5ae1037ed171dad0758d27599af79a67c97ce5e1..cb2f6a0a1c94f6a2b465990c25dd0b3d73ea0a4f 100644 (file)
--- a/client/src/app/+signup/+register/custom-stepper.component.scss
+++ b/client/src/app/+signup/+register/custom-stepper.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 $grey-color: #9CA3AB;
 $index-block-height: 32px;

diff --git a/client/src/app/+signup/+register/register.component.scss b/client/src/app/+signup/+register/register.component.scss
index f6a846ffaf3515a5d3a7fa0735edcf2a32994621..1e9f0062978917cfab5e12a4e4e4fe49f850f76c 100644 (file)
--- a/client/src/app/+signup/+register/register.component.scss
+++ b/client/src/app/+signup/+register/register.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .alert {
   font-size: 15px;

diff --git a/client/src/app/+signup/+verify-account/verify-account-ask-send-email/verify-account-ask-send-email.component.scss b/client/src/app/+signup/+verify-account/verify-account-ask-send-email/verify-account-ask-send-email.component.scss
index efec6b70688326fd5d612f099a7d4e1362aad06a..aeb1c8bec090b2ae67fe755e31898b3e5585c49a 100644 (file)
--- a/client/src/app/+signup/+verify-account/verify-account-ask-send-email/verify-account-ask-send-email.component.scss
+++ b/client/src/app/+signup/+verify-account/verify-account-ask-send-email/verify-account-ask-send-email.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/+video-channels/video-channel-playlists/video-channel-playlists.component.scss b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
index b3131de7edf4d5a5d61e0a13a804022aa8481c3b..5f78c13fc9c4e85113d2496be7467330e2f7ff3b 100644 (file)
--- a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
+++ b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
@@ -1,6 +1,6 @@
-@import '_variables';
-@import '_mixins';
-@import '_miniature';
+@use '_variables';
+@use '_mixins';
+@use '_miniature';
 
 .playlists {
   display: flex;

diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss
index 3e66ac14784efce2ce38418cf4bea69005335d18..7a1ddafc801d03cd4e9147353b575869fa81133d 100644 (file)
--- a/client/src/app/+video-channels/video-channels.component.scss
+++ b/client/src/app/+video-channels/video-channels.component.scss
@@ -1,7 +1,7 @@
-@import '_variables';
-@import '_mixins';
-@import '_actor';
-@import '_miniature';
+@use '_variables';
+@use '_mixins';
+@use '_actor';
+@use '_miniature';
 
 .root {
   --myGlobalTopPadding: 60px;

diff --git a/client/src/app/+videos/+video-edit/shared/video-caption-add-modal.component.scss b/client/src/app/+videos/+video-edit/shared/video-caption-add-modal.component.scss
index a85cf444cf76851bd5af3a63dab7c9da672c1a74..7461688da05c14da05b76cddd4169aeeebabed34 100644 (file)
--- a/client/src/app/+videos/+video-edit/shared/video-caption-add-modal.component.scss
+++ b/client/src/app/+videos/+video-edit/shared/video-caption-add-modal.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/+videos/+video-edit/shared/video-edit.component.scss b/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
index b7b4400c15d50dc80df089ce3cbc1c1f9667df2e..b6dfa8c3e712d06eb15ca852539bba2a772e9a58 100644 (file)
--- a/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
+++ b/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
@@ -1,5 +1,5 @@
-@import 'variables';
-@import 'mixins';
+@use '_variables';
+@use '_mixins';
 
 label,
 my-dynamic-form-field ::ng-deep label {

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-import-torrent.component.scss b/client/src/app/+videos/+video-edit/video-add-components/video-import-torrent.component.scss
index dd87641fc007f8e2e466a219b31a028547ce985f..542e7be18a51ece7eff202debb001fc8f699eb85 100644 (file)
--- a/client/src/app/+videos/+video-edit/video-add-components/video-import-torrent.component.scss
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-import-torrent.component.scss
@@ -1,5 +1,5 @@
-@import 'variables';
-@import 'mixins';
+@use '_variables';
+@use '_mixins';
 
 .first-step-block {
   .torrent-or-magnet {

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-send.scss b/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
index dc9153b2ba067677acc24543eae7c2c996056644..38282119557773ef07db0d74f87a007a20809fc5 100644 (file)
--- a/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
@@ -1,5 +1,5 @@
-@import 'variables';
-@import 'mixins';
+@use '_variables';
+@use '_mixins';
 
 $width-size: 190px;
 

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss
index 435dd36fa8791cfd45026fb906b8997976f8c26f..f26e95ec530f2648a2f204bace74e6bf746cd203 100644 (file)
--- a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss
@@ -1,5 +1,5 @@
-@import 'variables';
-@import 'mixins';
+@use '_variables';
+@use '_mixins';
 
 .first-step-block {
   .form-group-channel {

diff --git a/client/src/app/+videos/+video-edit/video-add.component.scss b/client/src/app/+videos/+video-edit/video-add.component.scss
index 35bca24d0871514892d283cadce5d24f94a7747d..3e7dc7608fadf10b6cba7ce5c5d675f591c9580a 100644 (file)
--- a/client/src/app/+videos/+video-edit/video-add.component.scss
+++ b/client/src/app/+videos/+video-edit/video-add.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 $border-width: 3px;
 $border-type: solid;

diff --git a/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss
index 5c97fb13c401a82617157d84d255c6dc9bd24dce..6202ed05b1c5d0b3a0dc24717be2b163f8eee63d 100644 (file)
--- a/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss
+++ b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 $markdown-icon-height: 18px;
 $markdown-icon-width: 30px;

diff --git a/client/src/app/+videos/+video-watch/comment/video-comment.component.scss b/client/src/app/+videos/+video-watch/comment/video-comment.component.scss
index 7868991ba971238026ab4c3e97961e10262ca420..fd2a9f86fcfa77d75a76dc6a43fc44e7b5d66344 100644 (file)
--- a/client/src/app/+videos/+video-watch/comment/video-comment.component.scss
+++ b/client/src/app/+videos/+video-watch/comment/video-comment.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .root-comment {
   font-size: 15px;

diff --git a/client/src/app/+videos/+video-watch/comment/video-comments.component.scss b/client/src/app/+videos/+video-watch/comment/video-comments.component.scss
index 29a00ee3fbf6588d18a7d649a4695fd443afb623..af684bdc4dd7a97187ac52e028e748b92ce020d7 100644 (file)
--- a/client/src/app/+videos/+video-watch/comment/video-comments.component.scss
+++ b/client/src/app/+videos/+video-watch/comment/video-comments.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 #highlighted-comment {
   margin-bottom: 25px;

diff --git a/client/src/app/+videos/+video-watch/player-styles.component.scss b/client/src/app/+videos/+video-watch/player-styles.component.scss
index 7f1442a59db25a28d7ec9479e40d277fdd3c44e1..313dca701489dcffa215692890bc6a3607b9b678 100644 (file)
--- a/client/src/app/+videos/+video-watch/player-styles.component.scss
+++ b/client/src/app/+videos/+video-watch/player-styles.component.scss
@@ -1,4 +1,4 @@
-@import 'node_modules/video.js/dist/video-js';
+@use 'node_modules/video.js/dist/video-js';
 
 $assets-path: '../../assets/';
-@import '../../../sass/player/index';
+@use '../../../sass/player/index';

diff --git a/client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss b/client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss
index 89d44c0679d8dfa9241c20b368f2f7f748dd4dcb..ba8032497f5cf5fb0e714d87a121bad60129d6fe 100644 (file)
--- a/client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss
+++ b/client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .title-page-container {
   display: flex;

diff --git a/client/src/app/+videos/+video-watch/video-avatar-channel.component.scss b/client/src/app/+videos/+video-watch/video-avatar-channel.component.scss
index f269398cb230e677e577a71e38db661c3afadd65..ada2780d3db74a6a6d2b8456ddc191096bb54f19 100644 (file)
--- a/client/src/app/+videos/+video-watch/video-avatar-channel.component.scss
+++ b/client/src/app/+videos/+video-watch/video-avatar-channel.component.scss
@@ -1,4 +1,4 @@
-@import '_mixins';
+@use '_mixins';
 
 @mixin main {
   @include actor-avatar-size(35px);

diff --git a/client/src/app/+videos/+video-watch/video-watch-playlist.component.scss b/client/src/app/+videos/+video-watch/video-watch-playlist.component.scss
index d1a0f97f74c5989b9007ecb3d33724dc80221dc0..dfbe835dd1183bd6abe10aa35b2e90d8946a47e3 100644 (file)
--- a/client/src/app/+videos/+video-watch/video-watch-playlist.component.scss
+++ b/client/src/app/+videos/+video-watch/video-watch-playlist.component.scss
@@ -1,7 +1,7 @@
-@import '_variables';
-@import '_mixins';
-@import '_bootstrap-variables';
-@import '_miniature';
+@use '_variables';
+@use '_mixins';
+@use '_bootstrap-variables';
+@use '_miniature';
 
 .playlist {
   min-width: 200px;

diff --git a/client/src/app/+videos/+video-watch/video-watch.component.scss b/client/src/app/+videos/+video-watch/video-watch.component.scss
index 4a2e05c62f8a0e5244e3903fb386e427a25ac416..13d801cc6cdfbb05caca2fc508c1eecd8559ca96 100644 (file)
--- a/client/src/app/+videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/+videos/+video-watch/video-watch.component.scss
@@ -1,7 +1,7 @@
-@import '_variables';
-@import '_mixins';
-@import '_bootstrap-variables';
-@import '_miniature';
+@use '_variables';
+@use '_mixins';
+@use '_bootstrap-variables';
+@use '_miniature';
 
 $player-factor: 16/9;
 $video-info-margin-left: 44px;

diff --git a/client/src/app/+videos/video-list/overview/video-overview.component.scss b/client/src/app/+videos/video-list/overview/video-overview.component.scss
index cb9308dda009ceff8b664b9131d7d436643b0613..3a895ae7b3cd245212885ac477c8cd873b1eba02 100644 (file)
--- a/client/src/app/+videos/video-list/overview/video-overview.component.scss
+++ b/client/src/app/+videos/video-list/overview/video-overview.component.scss
@@ -1,6 +1,6 @@
-@import '_variables';
-@import '_mixins';
-@import '_miniature';
+@use '_variables';
+@use '_mixins';
+@use '_miniature';
 
 .section-title {
   // make the element span a full grid row within .videos grid

diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index 472245411e8bfce913739c64c65a591ff743e930..7b685655d14289a34a2b3a92952af04d3308de6d 100644 (file)
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -1,7 +1,5 @@
-@import '_variables';
-@import '_mixins';
-@import '~bootstrap/scss/functions';
-@import '~bootstrap/scss/variables';
+@use '_variables';
+@use '_mixins';
 
 .peertube-container {
   padding-bottom: 20px;

diff --git a/client/src/app/core/hotkeys/hotkeys.component.scss b/client/src/app/core/hotkeys/hotkeys.component.scss
index e0bc34727582604362ce8aed4381a7d8d0827da9..f7658a37de4863919172fa2a916de67fbb935c61 100644 (file)
--- a/client/src/app/core/hotkeys/hotkeys.component.scss
+++ b/client/src/app/core/hotkeys/hotkeys.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .cfp-hotkeys-container {
   display: flex !important;

diff --git a/client/src/app/header/header.component.scss b/client/src/app/header/header.component.scss
index 45cef7b9aa36cfc51e0cd866ada7107bafda71c3..e335f136a5dc9b89b3974c9b0796b1302e46e39e 100644 (file)
--- a/client/src/app/header/header.component.scss
+++ b/client/src/app/header/header.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 my-search-typeahead {
   @include margin-right(15px);

diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss
index ed7f3bd65aa6edf02c0daa05b34df02d9baf80c7..d6ce6eca4b568b2d78f27a35dacdcec7bed96381 100644 (file)
--- a/client/src/app/header/search-typeahead.component.scss
+++ b/client/src/app/header/search-typeahead.component.scss
@@ -1,7 +1,5 @@
-@import '_mixins';
-@import '_variables';
-@import '_bootstrap-variables';
-@import '~bootstrap/scss/mixins/_breakpoints';
+@use '_mixins';
+@use '_variables';
 
 #search-video {
   @include peertube-input-text($search-input-width);

diff --git a/client/src/app/header/suggestion.component.scss b/client/src/app/header/suggestion.component.scss
index 9163de0b197c7829b0cc8070994dcf56d611f642..626b87c3cc5453e97eeb2bf7e7587422137b0bfb 100644 (file)
--- a/client/src/app/header/suggestion.component.scss
+++ b/client/src/app/header/suggestion.component.scss
@@ -1,4 +1,4 @@
-@import '_mixins';
+@use '_mixins';
 
 a {
   @include disable-default-a-behaviour;

diff --git a/client/src/app/menu/language-chooser.component.scss b/client/src/app/menu/language-chooser.component.scss
index 800b1ebef66b789b354751e71aeecdd26a91e75d..c9345fc230863251ce969e5b332955faa02b734f 100644 (file)
--- a/client/src/app/menu/language-chooser.component.scss
+++ b/client/src/app/menu/language-chooser.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .help-to-translate {
   @include peertube-button-link;

diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 8e9c02b23694823978dda28e24b8d82e19a06435..ee986a66b2497026285b1947483d9446a50acfe6 100644 (file)
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 $menu-link-icon-size: 22px;
 $menu-link-icon-margin-right: 18px;

diff --git a/client/src/app/menu/notification.component.scss b/client/src/app/menu/notification.component.scss
index 23d7181d0d8761dcd9d1c9f7e51c4b5f929b0871..314c2a93b578d639191d5b9b57f44a5d3e30593d 100644 (file)
--- a/client/src/app/menu/notification.component.scss
+++ b/client/src/app/menu/notification.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .content {
   scrollbar-color: auto;

diff --git a/client/src/app/modal/confirm.component.scss b/client/src/app/modal/confirm.component.scss
index 69978f212ec8ae32ec976d7a94eccdc1d6870fc6..bcd50b52e88781a0d2e812f67ee5d4bfaf212c91 100644 (file)
--- a/client/src/app/modal/confirm.component.scss
+++ b/client/src/app/modal/confirm.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .modal-body {
   font-size: 15px;

diff --git a/client/src/app/modal/custom-modal.component.scss b/client/src/app/modal/custom-modal.component.scss
index d6ef772b254e587270428ecb33a5a43b57cbf731..3d6622463025aafab45262fa46bd46cc242de6ca 100644 (file)
--- a/client/src/app/modal/custom-modal.component.scss
+++ b/client/src/app/modal/custom-modal.component.scss
@@ -1,5 +1,5 @@
-@import '_mixins';
-@import '_variables';
+@use '_mixins';
+@use '_variables';
 
 .modal-body {
   font-size: 15px;

diff --git a/client/src/app/modal/instance-config-warning-modal.component.scss b/client/src/app/modal/instance-config-warning-modal.component.scss
index 8d734c628e2ebf90b36d4d93e36321b12c22cbef..10c21c3ce79bca7b19803ef64f1432d168f46e99 100644 (file)
--- a/client/src/app/modal/instance-config-warning-modal.component.scss
+++ b/client/src/app/modal/instance-config-warning-modal.component.scss
@@ -1,5 +1,5 @@
-@import '_mixins';
-@import '_variables';
+@use '_mixins';
+@use '_variables';
 
 .modal-body {
   font-size: 15px;

diff --git a/client/src/app/modal/welcome-modal.component.scss b/client/src/app/modal/welcome-modal.component.scss
index f469164dbb920fd51f034ec630147ccbdf49a496..f3b1610c1d341d8604f6376e60f8fed8c9383131 100644 (file)
--- a/client/src/app/modal/welcome-modal.component.scss
+++ b/client/src/app/modal/welcome-modal.component.scss
@@ -1,5 +1,5 @@
-@import '_mixins';
-@import '_variables';
+@use '_mixins';
+@use '_variables';
 
 .modal-body {
   font-size: 15px;

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 8f8f3ac2e8f4ab2ad3c36d41db2b425bfa22463d..047dc8ea98d31e25ffb5bad6668d535a3371e4f1 100644 (file)
--- 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 4163722ddd42b15887610f34969231a041ee540e..419eb7fe79a5ea335d4734f196c4e12c4247880e 100644 (file)
--- 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 afcdb9a16f31ceb4db00a0714dd1c7059538b839..fc0454fa3404cf12a03a12a8e25f11a4943fc0f2 100644 (file)
--- 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 a296cd1736e22138dd857e369e0e682fcf2b4e6b..a5a9b79d474c2bfd79122ffcc7c65e097d2cacc3 100644 (file)
--- 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 23606f871099cfe1a19c466c79b122693ac99057..d0ea9d3641167f809f23a26f5b0c4673e027f179 100644 (file)
--- 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 918955a899941df350818e76913a383b69951a8e..f25251d78bbd48a0624f228bd6bfd3f1e87480a6 100644 (file)
--- 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 bf50de4e9f868305f9e9a20b99b02e76116af6ea..5601aca401ab72b85fea68f4c933c7408c69d463 100644 (file)
--- 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 281cef726859aab27345da60aa0c41abf241884a..d79be9ce8da06b236d9ec560a214baf910782886 100644 (file)
--- 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 81e265f292108a949baed881db5b0639631e9399..b33784b84cabacd1234a8cde16a270270a73f406 100644 (file)
--- 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 7c219892727ab4f16fa97a6dc5470410a96d5f3c..caa671bc9970b019a16eaa13751d9e98de5022ad 100644 (file)
--- 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 45ba289515f16563eca27b5c023ee328ec5cafec..ce5fa7cf5b3f450f04eaececfb9ce0c0e55fc446 100644 (file)
--- 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 290a70db89f79d2f13af52110d65352a61730da0..a5065b669d91f3a948ade6c46bdc880e732b0041 100644 (file)
--- 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 e03e9b19ff183aedacc84ca2504d698edbc48f8f..99cd8ec0c36e3645ff2c8264037c0f82dcee6bdb 100644 (file)
--- 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 a34d9ebeaee791020ed9fafcd87da3bda98c8a3d..d15fd6cde63a07f036032dd4de8eb4794e608424 100644 (file)
--- 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 54479fed7bc8eae0d793be93421b120a89459a84..d39b4f3ebad4b9d1ca34aa1778a69eeb08f905b1 100644 (file)
--- 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 c2ee0d6a983ad5a9b13fc3da7e6cf00d5e26dc4b..96141d1fe53a9153e77bec7c2891bee2ad9d89df 100644 (file)
--- 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 a23b28147fae5f925eb590d610690f9285e3b149..e766fd780ee05d4bc346be98be42ed1e77d9e36f 100644 (file)
--- 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 145f6b26c86ff7b0d20dd01a40c4e26aad7384bd..7f512affbf98614083593e4cdecfbd1b91d7f6e8 100644 (file)
--- 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 9a796f5451b6af365bdbc3acf4cb3c1a54fa6f39..37706d3f537ed2395aad7b9c6631890ffb9be07b 100644 (file)
--- 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 36f5711a61fe2db11f926668514cee4178bb3821..b50657f0b35d7d32e7afa74dacf1066de2bba9d1 100644 (file)
--- 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 56d08af060839c5cfa4b3516177fecaef42991b9..a08cbb988132e50debb7b8031103637669767ff3 100644 (file)
--- 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 615e08bcc97b82f3769eeba41920206f3e2af7cb..1dd976e6a00d4e9b9a58dcf6e9dd60fd2bebf936 100644 (file)
--- 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 c8609a4c0362a00b40b3d96bc4011ebb4e240ad3..4e0ec6beb3c517bc0b3c28f295d6f7e288a1e202 100644 (file)
--- 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 b9a4d46dc5c6cc0e39488e9cd1cb55a146f4327b..b15e558d1426fbb43b6ddbb3235d4ad965452d50 100644 (file)
--- 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 25a979ac981bda24914a19b3f9309b72c585a45a..9fea10976db899e33adf8c6651c310529e378f48 100644 (file)
--- 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 d39f31d7070ee76611ceee47ee05000d50a7b8f1..13710c99bb714ab628cfee347ffc36520ffaeb22 100644 (file)
--- 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 64138afe45b7709f1fa9f52335269d881e4c3068..ef7dc872df8d4ae7733d2b74622042b549d68820 100644 (file)
--- 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 51a1054989034b517f51951407329b0c8e5bb7ed..3ed79d57801ff4c6f627cd1300ffa2510b21b639 100644 (file)
--- 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 7e31d3850652f1145e64c1363b413c890643cce3..084fe6bfddbb356581f8592648557bd59997fb89 100644 (file)
--- 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 be712979b2bbe204c15e6fc2b51c76d0b106d622..337b0a117d4c246e749c1a8e0a5f579d70a12aa7 100644 (file)
--- 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 ffabb364651db629fe247cbf0cf48146511a6ee2..cb024ea5e72a0da1beaabf51d9516af0a4f993d6 100644 (file)
--- 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 58dc88c38cbbbc54afe3e8415416bc0f1db9423c..7ebf140f3ddaaf941940448466aefa033e323822 100644 (file)
--- 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 3ca611b9f8d1afed37ce1e375a7368d14266c236..468e04d778dfe52e69953bc652a80eaadf10b283 100644 (file)
--- 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 bc441811e3a25e11273106f0f8042aab27d7b44a..dd68c085f01c4c6e6ba7971422869392f661fd9d 100644 (file)
--- 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 7c6dc9b7206e1da5e776ebc65a1d3af60d307519..0077eaf7fbd9124148f69fc422835c6900ad270c 100644 (file)
--- 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 5decd36c2752ca943f30067b3f18770b110dad4b..237c5de15265d79aa0043ccb7d31519bf88d9ba2 100644 (file)
--- 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 a22972c5f46c750f16ee59aa5bdd38418649a733..8dce6dc738a8e2e9e19577e770d7c7a0f3c2771e 100644 (file)
--- 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 84562f15cf24c3b83ecbed0a2d1da194eb982bf9..81be1780e1ead085e463d323977ad0bf84f142eb 100644 (file)
--- 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 a6e33070bc5c68296044bdc828cfd449367f2cc4..c5610c0341308391df55e5aff71f081cee02a15b 100644 (file)
--- 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 7e4dafc91f5ced2720d902d9848a9a279e569b03..76f23595f747714c95b97592e91024a9dde59e2a 100644 (file)
--- 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 e678d6edfdfa531601521bc8bd6e37159942abdd..4ccb75c1e22bf556c93e25ceef314ea8dcce46cd 100644 (file)
--- 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 7818dfc02deecfd24e5133590e701d7ac4c34f60..55a478301f31e094d7fd9df6edbe0bb409ad9e77 100644 (file)
--- 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 2cbd92d4105d24fa1a189c899b9f16ee18892235..9c3dd2bddea3353186d349fc31be9a985fbd3df8 100644 (file)
--- 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 73db0d090ddaed33d4ae1284c8938a5765ac1082..ee876da00d0a587f789ddbe0afec351644c1c8e7 100644 (file)
--- 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 1b0cc8c6478192d2c3f29587d208e415f1a18be8..61cf023be962e2bd67e34db1da95bcbec7965cb3 100644 (file)
--- 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 ad66ab500501bdf588fc0414526fb101bc3b99a0..931bc7269fbe4cdd51cf8f9dabd5b7b6bd704546 100644 (file)
--- 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 c8dda2900583678f86b1fc46acc979a868733a00..f5b96c2a66bc10f252bf32f990d915fa5fc69931 100644 (file)
--- 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 f0303457167fa70ef5898f4801fceeb3a4f7663e..b17bdf79eacb5ab1721a9812b17f16b9810a90d6 100644 (file)
--- 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 8f632edb4fae338ec09351ec625081cb8ab7424d..850a1be2ae7100c6017442667dda2dc25511a820 100644 (file)
--- 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 fa751eeca0a7fa9c0e649baf18ee1bb10136ff1f..727fa2ade84987c3fd4495a89ed939044e5be6e7 100644 (file)
--- 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 5f0798e3c8f8274ecc6cfc722481ba29e85c0b64..fc0d290a1db55f4b47ce955241dbff67d28073bf 100644 (file)
--- 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 1fe28a682ba23b3e31855d68d6e20ca0a60df78e..1f0a03831061296bfcb605340c4255caacd25ff4 100644 (file)
--- 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 cf7513984ae4f5e9b30736439e8349277d677d4b..eee89a373fef79983825f58a2cf956c1bb15c0bd 100644 (file)
--- 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;

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 799b8c881fa7813aacd94f938d5ea024391c39e5..51c21107bc6b816ca2f3bca42c158693f47ecaba 100644 (file)
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -1,16 +1,16 @@
 $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
 
-@import '_bootstrap-variables';
-@import '_variables';
-@import '_mixins';
+@use '_bootstrap-variables';
+@use '_variables';
+@use '_mixins';
 
-@import '_fonts';
+@use '_fonts';
 
-@import './bootstrap';
-@import './primeng-custom';
-@import './ng-select';
+@use './bootstrap';
+@use './primeng-custom';
+@use './ng-select';
 
-@import './classes';
+@use './classes';
 
 [hidden] {
   display: none !important;

diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index 501587eb222b01c2ad80618f10b157354a58324b..9c734c4fe0daf56ce440fb68414f221ac57846e8 100644 (file)
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -1,8 +1,8 @@
 $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
-@import '_bootstrap';
+@use '_bootstrap';
 
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
 .glyphicon-refresh-animate {

diff --git a/client/src/sass/classes.scss b/client/src/sass/classes.scss
index 85bfce7f4ec7a70275e92f252484f911334549ad..44c584d1cc0bc55d28643594946f5e91c44593cc 100644 (file)
--- a/client/src/sass/classes.scss
+++ b/client/src/sass/classes.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .peertube-button {
   @include peertube-button;

diff --git a/client/src/sass/include/_actor.scss b/client/src/sass/include/_actor.scss
index ab2038dde51f3a995a6b6f6bb3c289a2fdead93d..31c1453196a08a988606d54894dfb6781458dd17 100644 (file)
--- a/client/src/sass/include/_actor.scss
+++ b/client/src/sass/include/_actor.scss
@@ -1,4 +1,4 @@
-@import '_variables';
+@use '_variables';
 
 @mixin section-label-responsive {
   color: pvar(--mainColor);

diff --git a/client/src/sass/include/_bootstrap.scss b/client/src/sass/include/_bootstrap.scss
index d9e5efc02da2407314e68b8374395a79b6b0dfb1..4f4f48e58e6cad1f1de23b9151e828b8017d5af1 100644 (file)
--- a/client/src/sass/include/_bootstrap.scss
+++ b/client/src/sass/include/_bootstrap.scss
@@ -1,40 +1,40 @@
-@import './_bootstrap-variables';
+@use './_bootstrap-variables';
 
-@import '~bootstrap/scss/functions';
-@import '~bootstrap/scss/variables';
+@use '~bootstrap/scss/functions';
+@use '~bootstrap/scss/variables';
 
-@import '~bootstrap/scss/mixins';
-@import '~bootstrap/scss/root';
-@import '~bootstrap/scss/reboot';
-@import '~bootstrap/scss/type';
-//@import '~bootstrap/scss/images';
-//@import '~bootstrap/scss/code';
-@import '~bootstrap/scss/grid';
-@import '~bootstrap/scss/tables';
-@import '~bootstrap/scss/forms';
-@import '~bootstrap/scss/buttons';
-//@import '~bootstrap/scss/transitions';
-@import '~bootstrap/scss/dropdown';
-@import '~bootstrap/scss/button-group';
-@import '~bootstrap/scss/input-group';
-//@import '~bootstrap/scss/custom-forms';
-@import '~bootstrap/scss/nav';
-//@import '~bootstrap/scss/navbar';
-@import '~bootstrap/scss/card';
-//@import '~bootstrap/scss/breadcrumb';
-//@import '~bootstrap/scss/pagination';
-@import '~bootstrap/scss/badge';
-//@import '~bootstrap/scss/jumbotron';
-@import '~bootstrap/scss/alert';
-//@import '~bootstrap/scss/progress';
-//@import '~bootstrap/scss/media';
-//@import '~bootstrap/scss/list-group';
-@import '~bootstrap/scss/close';
-@import '~bootstrap/scss/modal';
-@import '~bootstrap/scss/tooltip';
-@import '~bootstrap/scss/popover';
-//@import '~bootstrap/scss/carousel';
-@import '~bootstrap/scss/utilities';
-//@import '~bootstrap/scss/print';
+@use '~bootstrap/scss/mixins';
+@use '~bootstrap/scss/root';
+@use '~bootstrap/scss/reboot';
+@use '~bootstrap/scss/type';
+//@use '~bootstrap/scss/images';
+//@use '~bootstrap/scss/code';
+@use '~bootstrap/scss/grid';
+@use '~bootstrap/scss/tables';
+@use '~bootstrap/scss/forms';
+@use '~bootstrap/scss/buttons';
+//@use '~bootstrap/scss/transitions';
+@use '~bootstrap/scss/dropdown';
+@use '~bootstrap/scss/button-group';
+@use '~bootstrap/scss/input-group';
+//@use '~bootstrap/scss/custom-forms';
+@use '~bootstrap/scss/nav';
+//@use '~bootstrap/scss/navbar';
+@use '~bootstrap/scss/card';
+//@use '~bootstrap/scss/breadcrumb';
+//@use '~bootstrap/scss/pagination';
+@use '~bootstrap/scss/badge';
+//@use '~bootstrap/scss/jumbotron';
+@use '~bootstrap/scss/alert';
+//@use '~bootstrap/scss/progress';
+//@use '~bootstrap/scss/media';
+//@use '~bootstrap/scss/list-group';
+@use '~bootstrap/scss/close';
+@use '~bootstrap/scss/modal';
+@use '~bootstrap/scss/tooltip';
+@use '~bootstrap/scss/popover';
+//@use '~bootstrap/scss/carousel';
+@use '~bootstrap/scss/utilities';
+//@use '~bootstrap/scss/print';
 
-@import '~@neos21/bootstrap3-glyphicons/assets/stylesheets/bootstrap3-glyphicons';
+@use '~@neos21/bootstrap3-glyphicons/assets/stylesheets/bootstrap3-glyphicons';

diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index 0d3f2b6e0574f647af75dbce4e339b6aac1c00e0..fb12da49edaffc278353f0d7c304ec1b47f336f0 100644 (file)
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 @mixin miniature-name {
   @include ellipsis-multiline(1.1em, 2);

diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 62e1ca163dfbaa1b5b647dda4f7d5db1a672f4e4..bf7504d91fd3779acdc1ad0729f2e7cb8f0b3148 100644 (file)
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -1,4 +1,4 @@
-@import '_variables';
+@use '_variables';
 
 @mixin disable-default-a-behaviour {
   &:hover,

diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index d54563df6e644afdc1de20f9a95d36916d160102..b9c82ea7708238431b086b5d2aec0904650822eb 100644 (file)
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -1,4 +1,5 @@
-@import '_bootstrap-variables';
+@use 'sass:math';
+@use '_bootstrap-variables';
 
 $small-view: 800px;
 $mobile-view: 500px;
@@ -53,7 +54,7 @@ $sub-menu-height: 81px;
 
 $channel-background-color: #f6ede8;
 
-$banner-inverted-ratio: 1/6;
+$banner-inverted-ratio: #{math.div(1, 6)};
 
 $max-channels-width: 1200px;
 

diff --git a/client/src/sass/ng-select.scss b/client/src/sass/ng-select.scss
index ecd33babe47a5ac5563b2046234be670e85259e2..6c9d3a40796f9f0f724bd66068aa44e636b24356 100644 (file)
--- a/client/src/sass/ng-select.scss
+++ b/client/src/sass/ng-select.scss
@@ -1,4 +1,4 @@
-@import '_variables';
+@use '_variables';
 
 $ng-select-highlight: #f2690d;
 // $ng-select-primary-text: #333 !default;
@@ -14,7 +14,7 @@ $ng-select-height: 30px;
 $ng-select-value-padding-left: 15px;
 $ng-select-value-font-size: 15px;
 
-@import '~@ng-select/ng-select/scss/default.theme';
+@use '~@ng-select/ng-select/scss/default.theme';
 
 .ng-select {
   font-size: $ng-select-value-font-size;

diff --git a/client/src/sass/player/context-menu.scss b/client/src/sass/player/context-menu.scss
index 501c68ffd327dc45e60659a6e100138450bc2db3..a207d8a281192f2160a9812b306cd0d4fc3e3987 100644 (file)
--- a/client/src/sass/player/context-menu.scss
+++ b/client/src/sass/player/context-menu.scss
@@ -1,6 +1,6 @@
-@import '_variables';
-@import '_mixins';
-@import './_player-variables';
+@use '_variables';
+@use '_mixins';
+@use './_player-variables';
 
 $context-menu-width: 350px;
 

diff --git a/client/src/sass/player/index.scss b/client/src/sass/player/index.scss
index e674fa2f6963a38fad069daf3160b2ff85b5ac77..385365b6d0c2459a29f1c57df52af9bdae2e29a4 100644 (file)
--- a/client/src/sass/player/index.scss
+++ b/client/src/sass/player/index.scss
@@ -1,9 +1,9 @@
-@import './peertube-skin';
-@import './mobile';
-@import './context-menu';
-@import './settings-menu';
-@import './spinner';
-@import './upnext';
-@import './bezels';
-@import './playlist';
-@import './stats';
+@use './peertube-skin';
+@use './mobile';
+@use './context-menu';
+@use './settings-menu';
+@use './spinner';
+@use './upnext';
+@use './bezels';
+@use './playlist';
+@use './stats';

diff --git a/client/src/sass/player/mobile.scss b/client/src/sass/player/mobile.scss
index 26066d2187901148b6bf035c6768a13cb6e8e0b6..dde2c3127a71992ab7823f961d7e8be9208927af 100644 (file)
--- a/client/src/sass/player/mobile.scss
+++ b/client/src/sass/player/mobile.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 /* Special mobile style */
 

diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index 148992089609c19bd1638d36556cfc2465041ebf..1a84bd7f04cac9ac3728b2395f0e8f7cc541670a 100644 (file)
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -1,6 +1,7 @@
-@import '_variables';
-@import '_mixins';
-@import './_player-variables';
+@use 'sass:math';
+@use '_variables';
+@use '_mixins';
+@use './_player-variables';
 
 body {
   --embedForegroundColor: #{$primary-foreground-color};
@@ -11,8 +12,8 @@ body {
 @mixin big-play-button-triangle-size($triangle-size) {
   width: $triangle-size;
   height: $triangle-size;
-  top: calc(50% - #{$triangle-size / 2});
-  left: calc(53% - #{($triangle-size / 2)});
+  top: calc(50% - math.div($triangle-size / 2));
+  left: calc(53% - math.div($triangle-size / 2));
 }
 
 .video-js.vjs-peertube-skin {
@@ -69,7 +70,7 @@ body {
     width: $big-play-width;
     height: $big-play-height;
     line-height: $big-play-height;
-    margin-top: -($big-play-height / 2);
+    margin-top: -(math.div($big-play-height / 2));
     transition: 0.4s opacity;
 
     &::-moz-focus-inner {

diff --git a/client/src/sass/player/settings-menu.scss b/client/src/sass/player/settings-menu.scss
index 2183a7dbcbbbdb74a4f0f68f4f352ba585945451..2d0b58a1d71616509e4aa17299e65de4dea2ee14 100644 (file)
--- a/client/src/sass/player/settings-menu.scss
+++ b/client/src/sass/player/settings-menu.scss
@@ -1,6 +1,6 @@
-@import '_variables';
-@import '_mixins';
-@import './_player-variables';
+@use '_variables';
+@use '_mixins';
+@use './_player-variables';
 
 $setting-transition-duration: 0.15s;
 $setting-transition-easing: ease-out;

diff --git a/client/src/sass/player/spinner.scss b/client/src/sass/player/spinner.scss
index 94f4d1008e610621f78a2b28a960bbe955a23875..bd7efd3b87a9c0b322aa9bbf5e452b84b2903419 100644 (file)
--- a/client/src/sass/player/spinner.scss
+++ b/client/src/sass/player/spinner.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 // Thanks: https://projects.lukehaas.me/css-loaders/
 .vjs-loading-spinner {

diff --git a/client/src/sass/player/stats.scss b/client/src/sass/player/stats.scss
index c6388ed133be62a455e98a69193552bde10fe61a..18b3f0413a9e96ec9c7c1bde747c0c23c04de842 100644 (file)
--- a/client/src/sass/player/stats.scss
+++ b/client/src/sass/player/stats.scss
@@ -1,4 +1,4 @@
-@import './_player-variables';
+@use './_player-variables';
 
 $stats-width: 420px;
 $contextmenu-background-color: rgba(0, 0, 0, 0.6);

diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index 4cd27bea8249285bf3e0450188c41565149e5e67..e6d4b6060c6e61b230f52a37930bc3edf6e20c3a 100644 (file)
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -1,8 +1,8 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 /* stylelint-disable */
-@import '~primeng/resources/primeng.css';
+@use '~primeng/resources/primeng.css';
 
 // Override primeng style we don't want
 input[type=button] {

diff --git a/client/src/standalone/videos/embed.scss b/client/src/standalone/videos/embed.scss
index e32cce54ef9576caed1b0794263319c701c2f165..26da928f84a9a9dae978c1c8921aac256e31aa5b 100644 (file)
--- a/client/src/standalone/videos/embed.scss
+++ b/client/src/standalone/videos/embed.scss
@@ -1,10 +1,10 @@
-@import '_variables';
-@import '_mixins';
-@import '~video.js/dist/video-js.css';
-@import '~videojs-dock/dist/videojs-dock.css';
+@use '_variables';
+@use '_mixins';
+@use '~video.js/dist/video-js.css';
+@use '~videojs-dock/dist/videojs-dock.css';
 
 $assets-path: '../../assets/';
-@import '../../sass/player/index';
+@use '../../sass/player/index';
 
 [hidden] {
   display: none !important;