Add intro text for new users

closes #164
2019-11-27 12:39:49 +01:00
parent 42304a8e27
commit 47b7a6501b
4 changed files with 54 additions and 5 deletions
@@ -8,8 +8,3 @@ $red: #fb6868;
 $primary-color: $blue;

 $body-text-color: #fff;
-
-#topbar {
-  background-color: rgba(255, 0, 255, .2);
-}
-
@@ -61,6 +61,40 @@ main {
  }
 }

+#intro {
+  padding: 2rem;
+  background-color: rgba(0,0,0,.2);
+  font-size: 1.6rem;
+
+  @include media-max(small) {
+    padding: 2rem 1rem;
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: inherit;
+    margin-bottom: 1em;
+  }
+
+  p {
+    margin-bottom: 1em;
+    line-height: 1.5em;
+    font-size: 1.2rem;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  a {
+    text-decoration: none;
+
+    &:hover, &:active {
+      text-decoration: underline;
+    }
+  }
+}
+
@media (min-width: 550px) {
  main {
    &#dashboard {