project detail form

app/partials/project-details.jade

@@ -0,0 +1,34 @@
+extends layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    div.wrapper
+        sidebar.menu-secondary.sidebar
+            include views/modules/admin-menu
+        sidebar.menu-tertiary.sidebar
+            include views/modules/admin-menu-roles
+
+        section.main.project-details
+            header
+                include views/components/mainTitle
+
+            form
+                fieldset
+                    input(type="text", placeholder="Name")
+
+                fieldset
+                    input(type="text", placeholder="Slug")
+
+                fieldset
+                    input(type="text", placeholder="Number of sprints")
+
+                fieldset
+                    input(type="text", placeholder="Number of US points")
+
+                fieldset
+                    textarea(placeholder="Description")
+
+                a.button.button-green(href="")
+                    span Create

app/styles/dependencies/colors.scss

@@ -14,6 +14,7 @@ $dark-taiga: #879b89;
 $dry-taiga: #70a87d;
 $morning-taiga: #7ab987;
 $dark-grayish-lime-green: #8b9e8d;
+$very-light-gray: #e3e3e3;
 
 $red-light: #ff8282;
 $red: #f00;

app/styles/main.scss

@@ -40,6 +40,7 @@ $prefix-for-spec:      true;
 @import 'modules/admin-membership';
 @import 'modules/admin-roles';
 @import 'modules/category-config';
+@import 'modules/project-details';
 
 // Responsive
 @import 'responsive/mobile';

app/styles/modules/project-details.scss

@@ -0,0 +1,20 @@
+.project-details {
+    input[type="text"],
+    textarea {
+        @extend %medium;
+        background-color: $very-light-gray;
+        font-family: 'DroidSans';
+        font-weight: bold;
+    }
+    fieldset {
+        margin-bottom: 1rem;
+    }
+    textarea {
+        height: 300px;
+    }
+    .button-green {
+        display: block;
+        padding: 12px;
+        text-align: center;
+    }
+}