Add bulk lightbox

app/backlog.jade

@@ -26,3 +26,6 @@ block content
         include views/modules/sprints
     div.lightbox.lightbox_add-new-us
         include views/modules/lightbox_add-new-us
+    div.lightbox.lightbox_add-bulk
+        include views/modules/lightbox_add-bulk
+

app/styles/modules/lightbox.scss

@@ -35,6 +35,7 @@
 }
 
 .lightbox_add-new-us{
+    display: none;
     form {
         width: 600px;
         min-width: 600px;
@@ -42,6 +43,26 @@
         flex-shrink: 0;
         flex-basis: 0;
     }
+    .markdown-preview {
+        margin-bottom: .5rem;
+        display: inline-block;
+        a {
+            @extend .small;
+            color: $grayLight;
+            @extend .button;
+            padding: 3px 20px;
+            &:first-child {
+                border-right: 1px solid $grayLight;
+            }
+            &:hover {
+                color: $grayer;
+                @include transition(color .2s linear);
+            }
+        }
+        .active {
+            color: $grayer;
+        }
+    }
     textarea {
         min-height: 7rem;
         max-height: 9rem;
@@ -105,3 +126,19 @@
         }
     }
 }
+
+.lightbox_add-bulk {
+    display: none;
+    form {
+        width: 600px;
+        min-width: 600px;
+        flex-grow: 0;
+        flex-shrink: 0;
+        flex-basis: 0;
+    }
+    textarea {
+        min-height: 15rem;
+        max-height: 12rem;
+        margin-bottom: 1rem;
+    }
+}

app/views/modules/lightbox_add-bulk.jade

@@ -0,0 +1,8 @@
+a.close(href="", title="close")
+    span.icon.icon-delete
+form
+    h2.title New Bulk
+    fieldset
+        textarea(placeholder="One user story per line")
+    a.button.button-green(href="", title="Save")
+        span Create

app/views/modules/lightbox_add-new-us.jade

@@ -11,7 +11,10 @@ form
     fieldset
         input(type="text", placeholder="Tags")
     fieldset
-        textarea
+        div.markdown-preview
+            a.active(href="", title="Edit") Edit
+            a(href="", title="Preview") Preview
+        textarea(placeholder="One user story per line")
     div.new-us-settings
         fieldset
             label.requirement(for="team-requirement") Team Requirement
@@ -23,4 +26,4 @@ form
             label.blocked(for="blocked-us") Blocked
             input(type="checkbox", name="blocked-us", id="blocked-us")
     a.button.button-green(href="", title="Save")
-        span Save
+        span Create