WIP New app layout

app/assets/stylesheets/components/base.css

@@ -3,9 +3,9 @@
     @apply leading-none
   }
 
-  h1, h2, h3 {
-    @apply font-light;
-  }
+  /* h1, h2, h3 { */
+  /*   @apply font-light; */
+  /* } */
 
   h1 {
     @apply text-3xl uppercase;

app/assets/stylesheets/legacy/_layout.scss

@@ -1,6 +1,22 @@
 @import "variables";
 @import "mediaqueries";
 
+body {
+  background: linear-gradient(35deg, rgba(255,0,255,0.2) 0, rgba(13,79,153,0.8) 100%),
+              url('/img/bg-1.jpg');
+  background-size: cover;
+  background-attachment: fixed;
+}
+
+.ks-site-icon {
+  svg {
+    display: inline-block;
+    height: 1.875rem;
+    vertical-align: top;
+    width: auto;
+  }
+}
+
 #wrapper {
   width: 100%;
   text-align: center;
@@ -23,17 +39,6 @@
       span.project-name {
         display: none;
       }
-
-      span.icon {
-        svg {
-          display: inline-block;
-          height: 1.875rem;
-          vertical-align: top;
-          width: auto;
-        }
-
-        margin-right: 0.5rem;
-      }
     }
 
     p.current-user {
@@ -94,19 +99,6 @@ body#admin-panel {
 }
 
 main {
-  width: $content-width;
-  max-width: $content-max-width;
-  margin: 4rem auto 6rem auto;
-  text-align: left;
-
-  @include media-max(medium) {
-    max-width: 90%;
-  }
-
-  @include media-max(small) {
-    margin: 3rem auto;
-  }
-
   p {
     line-height: 1.5rem;
     margin-bottom: 1rem;
@@ -126,10 +118,6 @@ main {
 
   section {
     margin-bottom: 3rem;
-
-    h2 {
-      display: none;
-    }
   }
 
   table {