Add ability for plugins to register client routes

[github/Chocobozzz/PeerTube.git] / client / src / standalone / videos / test-embed.scss

diff --git a/client/src/standalone/videos/test-embed.scss b/client/src/standalone/videos/test-embed.scss
index df3d69f217ba84ac7e0e4a0768cb1d3331b9a812..be1f9414aed1e2ee24443e053490a0802a9da8f4 100644 (file)
--- 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;
@@ -15,7 +17,7 @@ body {
 }
 
 iframe {
-  border: none;
+  border: 0;
   border-radius: 8px;
   min-width: 200px;
   width: 100%;
@@ -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: white;
+    background: #fff;
     display: flex;
     align-items: center;
-    margin-right: 0.5em;
   }
 }
 
@@ -59,19 +63,20 @@ main {
 }
 
 header {
+  @include padding-right(1em);
+
   width: 100%;
   height: 3.2em;
   background-color: #F1680D;
-  color: white;
+  color: #fff;
   //background-image: url(../../assets/images/backdrop/network-o.png);
   display: flex;
   flex-direction: row;
   align-items: center;
   margin-bottom: 1em;
-  box-shadow: 1px 0px 10px rgba(0,0,0,0.6);
+  box-shadow: 1px 0 10px rgba(0, 0, 0, 0.6);
   background-size: 50%;
   background-position: top left;
-  padding-right: 1em;
 
   h1 {
     margin: 0;
@@ -87,13 +92,13 @@ header {
   display: flex;
   flex-wrap: wrap;
 
-  & > * {
+  > * {
     flex-grow: 0;
   }
 }
 
 fieldset {
-  border: none;
+  border: 0;
   min-width: 8em;
   legend {
     border-bottom: 1px solid #ccc;
@@ -103,12 +108,12 @@ fieldset {
 
 button {
   background: #F1680D;
-  color: white;
+  color: #fff;
   font-weight: bold;
   border-radius: 5px;
   margin: 0;
   padding: 1em 1.25em;
-  border: none;
+  border: 0;
 }
 
 a {
@@ -118,7 +123,11 @@ a {
     text-decoration: underline;
   }
 
-  &, &:hover, &:focus, &:visited, &:active {
+  &,
+  &:hover,
+  &:focus,
+  &:visited,
+  &:active {
     color: #F44336;
   }
 }
@@ -146,4 +155,4 @@ a {
     width: 50vw;
     height: calc(50vw * 0.5625);
   }
-}
\ No newline at end of file
+}