diff options
Diffstat (limited to 'client/src/app/+videos/+video-watch')
8 files changed, 18 insertions, 16 deletions
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 @@ | |||
1 | @use '_variables'; | 1 | @use '_variables' as *; |
2 | @use '_mixins'; | 2 | @use '_mixins' as *; |
3 | 3 | ||
4 | $markdown-icon-height: 18px; | 4 | $markdown-icon-height: 18px; |
5 | $markdown-icon-width: 30px; | 5 | $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 @@ | |||
1 | @use '_variables'; | 1 | @use '_variables' as *; |
2 | @use '_mixins'; | 2 | @use '_mixins' as *; |
3 | 3 | ||
4 | .root-comment { | 4 | .root-comment { |
5 | font-size: 15px; | 5 | 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 @@ | |||
1 | @use '_variables'; | 1 | @use '_variables' as *; |
2 | @use '_mixins'; | 2 | @use '_mixins' as *; |
3 | 3 | ||
4 | #highlighted-comment { | 4 | #highlighted-comment { |
5 | margin-bottom: 25px; | 5 | 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 @@ | |||
1 | @use 'node_modules/video.js/dist/video-js'; | 1 | @use 'node_modules/video.js/dist/video-js'; |
2 | 2 | ||
3 | $assets-path: '../../assets/'; | 3 | $assets-path: '../../assets/'; |
4 | |||
4 | @use '../../../sass/player/index'; | 5 | @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 @@ | |||
1 | @use '_variables'; | 1 | @use '_variables' as *; |
2 | @use '_mixins'; | 2 | @use '_mixins' as *; |
3 | 3 | ||
4 | .title-page-container { | 4 | .title-page-container { |
5 | display: flex; | 5 | 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 @@ | |||
1 | @use '_mixins'; | 1 | @use '_mixins' as *; |
2 | 2 | ||
3 | @mixin main { | 3 | @mixin main { |
4 | @include actor-avatar-size(35px); | 4 | @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 @@ | |||
1 | @use '_variables'; | 1 | @use '_variables' as *; |
2 | @use '_mixins'; | 2 | @use '_mixins' as *; |
3 | @use '_bootstrap-variables'; | 3 | @use '_bootstrap-variables'; |
4 | @use '_miniature'; | 4 | @use '_miniature' as *; |
5 | 5 | ||
6 | .playlist { | 6 | .playlist { |
7 | min-width: 200px; | 7 | 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 @@ | |||
1 | @use '_variables'; | 1 | @use 'sass:math'; |
2 | @use '_mixins'; | 2 | @use '_variables' as *; |
3 | @use '_mixins' as *; | ||
3 | @use '_bootstrap-variables'; | 4 | @use '_bootstrap-variables'; |
4 | @use '_miniature'; | 5 | @use '_miniature' as *; |
5 | 6 | ||
6 | $player-factor: 16/9; | 7 | $player-factor: math.div(16, 9); |
7 | $video-info-margin-left: 44px; | 8 | $video-info-margin-left: 44px; |
8 | 9 | ||
9 | @function getPlayerHeight ($width) { | 10 | @function getPlayerHeight ($width) { |