add Markdown

browser/styles/main/index.styl

@@ -16,9 +16,13 @@ h1
 h2
   font-size 1.5em
 h3
-  font-size 1.3em
+  font-size 1.17em
 h4
-  font-size 1.15em
+  font-size 1em
+h5
+  font-size 0.83em
+h6
+  font-size 0.67em
 a
   color brandColor
   &:hover

browser/styles/mixins/marked.styl

@@ -0,0 +1,88 @@
+marked()
+  line-height 1.2em
+  h1
+    font-size 2em
+    margin 0.67em auto
+  h2
+    font-size 1.5em
+    margin 0.83em auto
+  h3
+    font-size 1.17em
+    margin 1em auto
+  h4
+    font-size 1em
+    margin 1.33em auto
+  h5
+    font-size 0.83em
+    margin 1.67em auto
+  h6
+    font-size 0.67em
+    margin 2.33em auto
+  h1, h2, h3, h4, h5, h6
+    font-weight bold
+  img
+    max-width 100%
+  strong
+    font-weight bold
+  em
+    font-style italic
+  s
+    text-decoration line-through
+  blockquote
+    border-left solid 4px brandBorderColor
+    margin 1em 0
+    padding 0 25px
+  ul
+    list-style-type disc
+    padding-left 35px
+    li
+      display list-item
+      margin 0.5em 0
+    &>li>ul
+      list-style-type circle
+      &>li>ul
+        list-style-type square
+  ol
+    list-style-type decimal
+    padding-left 35px
+    li
+      display list-item
+      margin 0.5em 0
+  code
+    font-family monospace
+    padding 2px 4px
+    border solid 1px borderColor
+    border-radius 4px
+    font-size 0.9em
+  pre
+    padding 5px
+    border solid 1px borderColor
+    border-radius 5px
+    margin 0.5em 0
+    &>code
+      padding 0
+      border none
+      border-radius 0
+  table
+    thead
+      tr
+        background-color tableHeadBgColor
+      th
+        border-style: solid;
+        padding: 5px;
+        border-width: 1px 0 2px 1px;
+        border-color borderColor
+        &:last-child
+          border-right solid 1px borderColor
+    tbody
+      tr:nth-child(2n + 1)
+        background-color tableOddBgColor
+      tr:nth-child(2n)
+        background-color tableEvenBgColor
+      td
+        border-style: solid;
+        padding: 5px;
+        border-width: 0 0 1px 1px;
+        border-color borderColor
+        &:last-child
+          border-right solid 1px borderColor

browser/styles/shared/modal.styl

@@ -31,7 +31,7 @@
       .modal-control
         float right
 
-  .launch-modal
+  .LaunchModal
     .modal-tab
       text-align center
       margin-bottom 15px
@@ -40,14 +40,15 @@
         border-radius 0
         border-width 1px
         width 150px
+        border-radius 0
         &:nth-child(1)
-          border-top-left-radius 10px
-          border-bottom-left-radius 10px
           border-right solid 1px borderColor
+          border-top-left-radius 5px
+          border-bottom-left-radius 5px
         &:nth-child(2)
           border-left none
-          border-top-right-radius 10px
-          border-bottom-right-radius 10px
+          border-top-right-radius 5px
+          border-bottom-right-radius 5px
   textarea.snippetDescription
     height 75px
     font-size 0.9em
@@ -60,6 +61,30 @@
     .Select-menu-outer
       border-color borderColor
   .ace_editor
-    height 250px
     border-radius 5px
     border solid 1px borderColor
+  .SnippetForm
+    .ace_editor
+      height 258px
+  .BlueprintForm
+    .ace_editor
+      height 358px
+    .previewMode
+      position absolute
+      right 15px
+      font-size 0.8em
+      line-height 24px
+      padding 0 10px
+      top 139px
+      background-color transparentify(invBackgroundColor, 0.2)
+      color invTextColor
+      border-top-right-radius 5px
+  .marked
+    height 360px
+    overflow-x hidden
+    overflow-y auto
+    box-sizing border-box
+    padding 5px
+    border solid 1px borderColor
+    border-radius 5px
+    marked()

browser/styles/vars.styl

@@ -15,6 +15,9 @@ textColor = #4D4D4D
 backgroundColor= white
 fontSize= 16px
 
+invBackgroundColor = #4C4C4C
+invTextColor = white
+
 btnColor = #888
 btnHighlightenColor = #000
 
@@ -29,5 +32,9 @@ planetAnchorActiveBgColor = white
 popupShadow = 0 0 5px 0 #888
 modalBaseColor = transparentify(white, 65%)
 
+tableHeadBgColor = white
+tableOddBgColor = #F9F9F9
+tableEvenBgColor = white
+
 facebookColor= #3b5998
 githubBtn= #201F1F