From fa12eacc014aae8094d108634371640f2695bf9f Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Thu, 27 May 2021 17:45:36 +0200
Subject: Move to sass @use

---
 client/src/sass/player/peertube-skin.scss | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

(limited to 'client/src/sass/player/peertube-skin.scss')

diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index 148992089..1a84bd7f0 100644
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -1,6 +1,7 @@
-@import '_variables';
-@import '_mixins';
-@import './_player-variables';
+@use 'sass:math';
+@use '_variables';
+@use '_mixins';
+@use './_player-variables';
 
 body {
   --embedForegroundColor: #{$primary-foreground-color};
@@ -11,8 +12,8 @@ body {
 @mixin big-play-button-triangle-size($triangle-size) {
   width: $triangle-size;
   height: $triangle-size;
-  top: calc(50% - #{$triangle-size / 2});
-  left: calc(53% - #{($triangle-size / 2)});
+  top: calc(50% - math.div($triangle-size / 2));
+  left: calc(53% - math.div($triangle-size / 2));
 }
 
 .video-js.vjs-peertube-skin {
@@ -69,7 +70,7 @@ body {
     width: $big-play-width;
     height: $big-play-height;
     line-height: $big-play-height;
-    margin-top: -($big-play-height / 2);
+    margin-top: -(math.div($big-play-height / 2));
     transition: 0.4s opacity;
 
     &::-moz-focus-inner {
-- 
cgit v1.2.3