From 8cbc40b2fe9d36ef0505b9441276ca561342e9e9 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 27 May 2021 18:25:00 +0200 Subject: Move to sass module --- .../+video-edit/shared/video-caption-add-modal.component.scss | 4 ++-- .../src/app/+videos/+video-edit/shared/video-edit.component.scss | 4 ++-- .../video-add-components/video-import-torrent.component.scss | 4 ++-- .../app/+videos/+video-edit/video-add-components/video-send.scss | 4 ++-- .../+video-edit/video-add-components/video-upload.component.scss | 4 ++-- client/src/app/+videos/+video-edit/video-add.component.scss | 4 ++-- .../+video-watch/comment/video-comment-add.component.scss | 4 ++-- .../+videos/+video-watch/comment/video-comment.component.scss | 4 ++-- .../+videos/+video-watch/comment/video-comments.component.scss | 4 ++-- client/src/app/+videos/+video-watch/player-styles.component.scss | 1 + .../recommendations/recommended-videos.component.scss | 4 ++-- .../app/+videos/+video-watch/video-avatar-channel.component.scss | 2 +- .../app/+videos/+video-watch/video-watch-playlist.component.scss | 6 +++--- client/src/app/+videos/+video-watch/video-watch.component.scss | 9 +++++---- .../+videos/video-list/overview/video-overview.component.scss | 6 +++--- .../video-list/trending/video-trending-header.component.scss | 2 +- 16 files changed, 34 insertions(+), 32 deletions(-) (limited to 'client/src/app/+videos') 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 7461688da..4ce2c6758 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 b6dfa8c3e..4b1dec89a 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; 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 542e7be18..97299ef32 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 382821195..e601c3dff 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; $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 f26e95ec5..35c626ec2 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 3e7dc7608..dea6fde36 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; $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 6202ed05b..fb79991db 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; $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 fd2a9f86f..87e313d41 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 af684bdc4..31aa73937 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; #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 313dca701..c0befc10a 100644 --- 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,5 @@ @use 'node_modules/video.js/dist/video-js'; $assets-path: '../../assets/'; + @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 ba8032497..84ed25ae8 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; .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 ada2780d3..1ff8fb96e 100644 --- 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 @@ -@use '_mixins'; +@use '_mixins' as *; @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 dfbe835dd..75ed9d901 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; +@use '_variables' as *; +@use '_mixins' as *; @use '_bootstrap-variables'; -@use '_miniature'; +@use '_miniature' as *; .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 13d801cc6..7b7934456 100644 --- a/client/src/app/+videos/+video-watch/video-watch.component.scss +++ b/client/src/app/+videos/+video-watch/video-watch.component.scss @@ -1,9 +1,10 @@ -@use '_variables'; -@use '_mixins'; +@use 'sass:math'; +@use '_variables' as *; +@use '_mixins' as *; @use '_bootstrap-variables'; -@use '_miniature'; +@use '_miniature' as *; -$player-factor: 16/9; +$player-factor: math.div(16, 9); $video-info-margin-left: 44px; @function getPlayerHeight ($width) { 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 3a895ae7b..2239d1913 100644 --- 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 @@ -@use '_variables'; -@use '_mixins'; -@use '_miniature'; +@use '_variables' as *; +@use '_mixins' as *; +@use '_miniature' as *; .section-title { // make the element span a full grid row within .videos grid diff --git a/client/src/app/+videos/video-list/trending/video-trending-header.component.scss b/client/src/app/+videos/video-list/trending/video-trending-header.component.scss index df127e1cb..54b072314 100644 --- a/client/src/app/+videos/video-list/trending/video-trending-header.component.scss +++ b/client/src/app/+videos/video-list/trending/video-trending-header.component.scss @@ -1,4 +1,4 @@ -@import '_mixins'; +@use '_mixins' as *; .btn-group label { border: 1px solid transparent; -- cgit v1.2.3