Move to stylelint

2 files changed, 26 insertions, 21 deletions

diff --git a/client/src/standalone/videos/embed.scss b/client/src/standalone/videos/embed.scss
index cbe6bdd01..e32cce54e 100644
--- a/client/src/standalone/videos/embed.scss
+++ b/client/src/standalone/videos/embed.scss
@@ -21,7 +21,8 @@ video {
 }
 
 /* fill the entire space */
-html, body {
+html,
+body {
   height: 100%;
   margin: 0;
   background-color: #000;
@@ -70,18 +71,18 @@ html, body {
   text-align: center;
   width: 100%;
   height: 100%;
-  color: white;
+  color: #fff;
   box-sizing: border-box;
   font-family: sans-serif;
+}
 
-  #error-title {
-    font-size: 45px;
-    margin-bottom: 5px;
-  }
+#error-title {
+  font-size: 45px;
+  margin-bottom: 5px;
+}
 
-  #error-content {
-    font-size: 24px;
-  }
+#error-content {
+  font-size: 24px;
 }
 
 #placeholder-preview {
@@ -97,10 +98,10 @@ html, body {
 @media screen and (max-width: 300px) {
   #error-block {
     font-size: 36px;
+  }
 
-    #error-content {
-      font-size: 14px;
-    }
+  #error-content {
+    font-size: 14px;
   }
 }
 
diff --git a/client/src/standalone/videos/test-embed.scss b/client/src/standalone/videos/test-embed.scss
index 85ce4e0f7..b9ac3e74e 100644
--- a/client/src/standalone/videos/test-embed.scss
+++ b/client/src/standalone/videos/test-embed.scss
@@ -15,7 +15,7 @@ body {
 }
 
 iframe {
-  border: none;
+  border: 0;
   border-radius: 8px;
   min-width: 200px;
   width: 100%;
@@ -41,7 +41,7 @@ aside {
   .icon {
     height: 100%;
     padding: 0 18px 0 32px;
-    background: white;
+    background: #fff;
     display: flex;
     align-items: center;
     margin-right: 0.5em;
@@ -62,13 +62,13 @@ header {
   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;
@@ -87,13 +87,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 +103,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 +118,11 @@ a {
     text-decoration: underline;
   }
 
-  &, &:hover, &:focus, &:visited, &:active {
+  &,
+  &:hover,
+  &:focus,
+  &:visited,
+  &:active {
     color: #F44336;
   }
 }