aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/player/peertube-skin.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-05-27 17:45:36 +0200
committerChocobozzz <me@florianbigard.com>2021-06-28 09:36:35 +0200
commitfa12eacc014aae8094d108634371640f2695bf9f (patch)
tree15b1153a9c830f5caa7e93f0939ba4153ab7624c /client/src/sass/player/peertube-skin.scss
parente2e0b645cdac3c705b1988fbb0eff723ad5e885d (diff)
downloadPeerTube-fa12eacc014aae8094d108634371640f2695bf9f.tar.gz
PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.tar.zst
PeerTube-fa12eacc014aae8094d108634371640f2695bf9f.zip
Move to sass @use
Diffstat (limited to 'client/src/sass/player/peertube-skin.scss')
-rw-r--r--client/src/sass/player/peertube-skin.scss13
1 files changed, 7 insertions, 6 deletions
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 @@
1@import '_variables'; 1@use 'sass:math';
2@import '_mixins'; 2@use '_variables';
3@import './_player-variables'; 3@use '_mixins';
4@use './_player-variables';
4 5
5body { 6body {
6 --embedForegroundColor: #{$primary-foreground-color}; 7 --embedForegroundColor: #{$primary-foreground-color};
@@ -11,8 +12,8 @@ body {
11@mixin big-play-button-triangle-size($triangle-size) { 12@mixin big-play-button-triangle-size($triangle-size) {
12 width: $triangle-size; 13 width: $triangle-size;
13 height: $triangle-size; 14 height: $triangle-size;
14 top: calc(50% - #{$triangle-size / 2}); 15 top: calc(50% - math.div($triangle-size / 2));
15 left: calc(53% - #{($triangle-size / 2)}); 16 left: calc(53% - math.div($triangle-size / 2));
16} 17}
17 18
18.video-js.vjs-peertube-skin { 19.video-js.vjs-peertube-skin {
@@ -69,7 +70,7 @@ body {
69 width: $big-play-width; 70 width: $big-play-width;
70 height: $big-play-height; 71 height: $big-play-height;
71 line-height: $big-play-height; 72 line-height: $big-play-height;
72 margin-top: -($big-play-height / 2); 73 margin-top: -(math.div($big-play-height / 2));
73 transition: 0.4s opacity; 74 transition: 0.4s opacity;
74 75
75 &::-moz-focus-inner { 76 &::-moz-focus-inner {