aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/player
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass/player')
-rw-r--r--client/src/sass/player/bezels.scss2
-rw-r--r--client/src/sass/player/context-menu.scss6
-rw-r--r--client/src/sass/player/mobile.scss4
-rw-r--r--client/src/sass/player/peertube-skin.scss14
-rw-r--r--client/src/sass/player/playlist.scss4
-rw-r--r--client/src/sass/player/settings-menu.scss6
-rw-r--r--client/src/sass/player/spinner.scss4
-rw-r--r--client/src/sass/player/stats.scss6
-rw-r--r--client/src/sass/player/upnext.scss8
9 files changed, 29 insertions, 25 deletions
diff --git a/client/src/sass/player/bezels.scss b/client/src/sass/player/bezels.scss
index b8c3325d0..629a677b1 100644
--- a/client/src/sass/player/bezels.scss
+++ b/client/src/sass/player/bezels.scss
@@ -1,3 +1,5 @@
1@use '_mixins' as *;
2
1@keyframes bezels-fadeout { 3@keyframes bezels-fadeout {
2 from { 4 from {
3 opacity: 1; 5 opacity: 1;
diff --git a/client/src/sass/player/context-menu.scss b/client/src/sass/player/context-menu.scss
index a207d8a28..5548e2712 100644
--- a/client/src/sass/player/context-menu.scss
+++ b/client/src/sass/player/context-menu.scss
@@ -1,6 +1,6 @@
1@use '_variables'; 1@use '_variables' as *;
2@use '_mixins'; 2@use '_mixins' as *;
3@use './_player-variables'; 3@use './_player-variables' as *;
4 4
5$context-menu-width: 350px; 5$context-menu-width: 350px;
6 6
diff --git a/client/src/sass/player/mobile.scss b/client/src/sass/player/mobile.scss
index dde2c3127..86c090200 100644
--- a/client/src/sass/player/mobile.scss
+++ b/client/src/sass/player/mobile.scss
@@ -1,5 +1,5 @@
1@use '_variables'; 1@use '_variables' as *;
2@use '_mixins'; 2@use '_mixins' as *;
3 3
4/* Special mobile style */ 4/* Special mobile style */
5 5
diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index 1a84bd7f0..17fd14342 100644
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -1,7 +1,7 @@
1@use 'sass:math'; 1@use 'sass:math';
2@use '_variables'; 2@use '_variables' as *;
3@use '_mixins'; 3@use '_mixins' as *;
4@use './_player-variables'; 4@use './_player-variables' as *;
5 5
6body { 6body {
7 --embedForegroundColor: #{$primary-foreground-color}; 7 --embedForegroundColor: #{$primary-foreground-color};
@@ -12,8 +12,8 @@ body {
12@mixin big-play-button-triangle-size($triangle-size) { 12@mixin big-play-button-triangle-size($triangle-size) {
13 width: $triangle-size; 13 width: $triangle-size;
14 height: $triangle-size; 14 height: $triangle-size;
15 top: calc(50% - math.div($triangle-size / 2)); 15 top: calc(50% - math.div($triangle-size, 2));
16 left: calc(53% - math.div($triangle-size / 2)); 16 left: calc(53% - math.div($triangle-size, 2));
17} 17}
18 18
19.video-js.vjs-peertube-skin { 19.video-js.vjs-peertube-skin {
@@ -57,7 +57,7 @@ body {
57 $big-play-width: 1.2em; 57 $big-play-width: 1.2em;
58 $big-play-height: 1.2em; 58 $big-play-height: 1.2em;
59 59
60 @include margin-left(-($big-play-width / 2)); 60 @include margin-left(-(math.div($big-play-width, 2)));
61 61
62 outline: 0; 62 outline: 0;
63 font-size: 6em; 63 font-size: 6em;
@@ -70,7 +70,7 @@ body {
70 width: $big-play-width; 70 width: $big-play-width;
71 height: $big-play-height; 71 height: $big-play-height;
72 line-height: $big-play-height; 72 line-height: $big-play-height;
73 margin-top: -(math.div($big-play-height / 2)); 73 margin-top: -(math.div($big-play-height, 2));
74 transition: 0.4s opacity; 74 transition: 0.4s opacity;
75 75
76 &::-moz-focus-inner { 76 &::-moz-focus-inner {
diff --git a/client/src/sass/player/playlist.scss b/client/src/sass/player/playlist.scss
index 3279bd263..f7e67ba16 100644
--- a/client/src/sass/player/playlist.scss
+++ b/client/src/sass/player/playlist.scss
@@ -1,3 +1,7 @@
1@use '_variables' as *;
2@use '_mixins' as *;
3@use './_player-variables' as *;
4
1$playlist-menu-width: 350px; 5$playlist-menu-width: 350px;
2 6
3.vjs-playlist-menu { 7.vjs-playlist-menu {
diff --git a/client/src/sass/player/settings-menu.scss b/client/src/sass/player/settings-menu.scss
index 2d0b58a1d..d495785b3 100644
--- a/client/src/sass/player/settings-menu.scss
+++ b/client/src/sass/player/settings-menu.scss
@@ -1,6 +1,6 @@
1@use '_variables'; 1@use '_variables' as *;
2@use '_mixins'; 2@use '_mixins' as *;
3@use './_player-variables'; 3@use './_player-variables' as *;
4 4
5$setting-transition-duration: 0.15s; 5$setting-transition-duration: 0.15s;
6$setting-transition-easing: ease-out; 6$setting-transition-easing: ease-out;
diff --git a/client/src/sass/player/spinner.scss b/client/src/sass/player/spinner.scss
index bd7efd3b8..84ebbe8ee 100644
--- a/client/src/sass/player/spinner.scss
+++ b/client/src/sass/player/spinner.scss
@@ -1,5 +1,5 @@
1@use '_variables'; 1@use '_variables' as *;
2@use '_mixins'; 2@use '_mixins' as *;
3 3
4// Thanks: https://projects.lukehaas.me/css-loaders/ 4// Thanks: https://projects.lukehaas.me/css-loaders/
5.vjs-loading-spinner { 5.vjs-loading-spinner {
diff --git a/client/src/sass/player/stats.scss b/client/src/sass/player/stats.scss
index 18b3f0413..0e337aa19 100644
--- a/client/src/sass/player/stats.scss
+++ b/client/src/sass/player/stats.scss
@@ -1,4 +1,6 @@
1@use './_player-variables'; 1@use '_variables' as *;
2@use '_mixins' as *;
3@use './_player-variables' as *;
2 4
3$stats-width: 420px; 5$stats-width: 420px;
4$contextmenu-background-color: rgba(0, 0, 0, 0.6); 6$contextmenu-background-color: rgba(0, 0, 0, 0.6);
@@ -6,7 +8,7 @@ $contextmenu-background-color: rgba(0, 0, 0, 0.6);
6.video-js { 8.video-js {
7 9
8 .vjs-stats-content { 10 .vjs-stats-content {
9 @include transition(opacity 0.1s); 11 transition: opacity 0.1s;
10 12
11 position: absolute; 13 position: absolute;
12 background-color: $contextmenu-background-color; 14 background-color: $contextmenu-background-color;
diff --git a/client/src/sass/player/upnext.scss b/client/src/sass/player/upnext.scss
index 922a9674d..2618d79d4 100644
--- a/client/src/sass/player/upnext.scss
+++ b/client/src/sass/player/upnext.scss
@@ -4,14 +4,10 @@ $browser-context: 16;
4 @return #{$pixels/$context}em; 4 @return #{$pixels/$context}em;
5} 5}
6 6
7@mixin transition($string: $transition--default) {
8 transition: $string;
9}
10
11.video-js { 7.video-js {
12 8
13 .vjs-upnext-content { 9 .vjs-upnext-content {
14 @include transition(opacity 0.1s); 10 transition: opacity 0.1s;
15 11
16 font-size: 1.8em; 12 font-size: 1.8em;
17 pointer-events: auto; 13 pointer-events: auto;
@@ -93,7 +89,7 @@ $browser-context: 16;
93 } 89 }
94 90
95 .vjs-upnext-autoplay-icon { 91 .vjs-upnext-autoplay-icon {
96 @include transition(stroke-dasharray 0.1s cubic-bezier(0.4,0,1,1)); 92 transition: stroke-dasharray 0.1s cubic-bezier(0.4, 0, 1, 1);
97 93
98 position: absolute; 94 position: absolute;
99 top: 50%; 95 top: 50%;