@use 'sass:math';
-@use '_variables';
-@use '_mixins';
-@use './_player-variables';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use './_player-variables' as *;
body {
--embedForegroundColor: #{$primary-foreground-color};
@mixin big-play-button-triangle-size($triangle-size) {
width: $triangle-size;
height: $triangle-size;
- top: calc(50% - math.div($triangle-size / 2));
- left: calc(53% - math.div($triangle-size / 2));
+ top: calc(50% - math.div($triangle-size, 2));
+ left: calc(53% - math.div($triangle-size, 2));
}
.video-js.vjs-peertube-skin {
$big-play-width: 1.2em;
$big-play-height: 1.2em;
- @include margin-left(-($big-play-width / 2));
+ @include margin-left(-(math.div($big-play-width, 2)));
outline: 0;
font-size: 6em;
width: $big-play-width;
height: $big-play-height;
line-height: $big-play-height;
- margin-top: -(math.div($big-play-height / 2));
+ margin-top: -(math.div($big-play-height, 2));
transition: 0.4s opacity;
&::-moz-focus-inner {