X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fstandalone%2Fvideos%2Ftest-embed.scss;h=be1f9414aed1e2ee24443e053490a0802a9da8f4;hb=d63e6d4604dfbe4938c7d66832c9202364c5bb64;hp=b9ac3e74e608015f0b2afc473a989c7a71e2b532;hpb=931d3430184143ebd88e5243def6eb1d7acfdbf4;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/standalone/videos/test-embed.scss b/client/src/standalone/videos/test-embed.scss
index b9ac3e74e..be1f9414a 100644
--- a/client/src/standalone/videos/test-embed.scss
+++ b/client/src/standalone/videos/test-embed.scss
@@ -1,3 +1,5 @@
+@use '_variables' as *;
+@use '_mixins' as *;
 
 * {
   font-family: sans-serif;
@@ -30,21 +32,23 @@ aside {
 }
 
 .logo {
+  @include margin-right(0.5em);
+
   font-size: 150%;
   height: 100%;
   font-weight: bold;
   display: flex;
   flex-direction: row;
   align-items: center;
-  margin-right: 0.5em;
 
   .icon {
+    @include margin-right(0.5em);
+
     height: 100%;
     padding: 0 18px 0 32px;
     background: #fff;
     display: flex;
     align-items: center;
-    margin-right: 0.5em;
   }
 }
 
@@ -59,6 +63,8 @@ main {
 }
 
 header {
+  @include padding-right(1em);
+
   width: 100%;
   height: 3.2em;
   background-color: #F1680D;
@@ -71,7 +77,6 @@ header {
   box-shadow: 1px 0 10px rgba(0, 0, 0, 0.6);
   background-size: 50%;
   background-position: top left;
-  padding-right: 1em;
 
   h1 {
     margin: 0;