feat: editor-code component

client/scss/pages/_account.scss

@@ -1,17 +0,0 @@
-.account-profile-provider {
-	height: 32px;
-	display: flex;
-	align-items: center;
-
-	.fa {
-		margin-right: 10px;
-	}
-
-	.is-blue {
-		color: $blue;
-	}
-	.is-purple {
-		color: $purple;
-	}
-
-}

client/scss/pages/_error.scss

@@ -1,52 +0,0 @@
-
-body {
-	display: flex;
-	align-items: center;
-	min-height: 100vh;
-	width: 100vw;
-	padding: 25px 0;
-	margin: 0;
-	color: #FFF;
-
-	&.is-notexist {
-		background-color: mc('blue-grey', '900');
-	}
-
-	&.is-forbidden {
-		background-color: darken(mc('blue-grey', '900'), 5%);
-	}
-
-	&.is-error {
-		background-color: darken(mc('blue-grey', '900'), 10%);
-	}
-
-}
-
-.container {
-	text-align: center;
-
-	h1 {
-		margin-top: 30px;
-	}
-
-	h2 {
-		margin-bottom: 50px;
-	}
-
-	a.button {
-		margin: 0 5px;
-	}
-
-	h3 {
-		text-align: left;
-		margin-top: 50px;
-	}
-
-	pre {
-		margin-top: 10px;
-		text-align: left;
-		color: mc('blue-grey', '200');
-		font-size: 12px;
-	}
-
-}

client/scss/pages/_welcome.scss

@@ -16,10 +16,21 @@
     top: 0;
     left: 0;
     background-image: url('../static/svg/login-bg-motif.svg');
+    background-position: center center;
     background-repeat: repeat;
     background-size: 500px;
     z-index: 0;
     opacity: .75;
+    animation: onboardingBgReveal 50s linear infinite;
+
+    @include keyframes(onboardingBgReveal) {
+      0% {
+        background-position-y: 0;
+      }
+      100% {
+        background-position-y: -2000px;
+      }
+    }
   }
 
   img {