aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/player/peertube-skin.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass/player/peertube-skin.scss')
-rw-r--r--client/src/sass/player/peertube-skin.scss14
1 files changed, 7 insertions, 7 deletions
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 {