Basic add-contrib form

2017-02-04 20:12:12 +08:00
parent dcb544c94f
commit 9120d67ad1
11 changed files with 143 additions and 5 deletions
@@ -1,11 +1,15 @@
 section {
  @include outer-container;
-  margin-top: 6rem;
  margin-bottom: 8rem;
+  &:first-of-type {
+    margin-top: 6rem;
+  }

  @include media($mobile) {
-    margin-top: 2rem;
    margin-bottom: 5rem;
+    &:first-of-type {
+      margin-top: 2rem;
+    }
  }

  header {
@@ -68,3 +68,4 @@ section {
 }

@import "components/contributor-list";
+@import "components/add-contributor";
@@ -0,0 +1,25 @@
+section#add-contributor {
+
+  form {
+
+    p {
+      margin-bottom: 1.2rem;
+    }
+
+    input[type=text] {
+      width: 100%;
+      padding: 1.2rem;
+      line-height: 2rem;
+      border: none;
+      border-bottom: 1px solid rgba(255,255,255,0.2);
+      background-color: rgba(22, 21, 40, 0.3);
+      color: #fff;
+      font-size: 1.4rem;
+      &:focus, &.valid {
+        background-color: rgba(22, 21, 40, 0.6);
+      }
+    }
+
+  }
+
+}