Merge pull request #4 from nikolas/distributable

Add markdown-toolbar sandbox and make it distributable

Author: nikolas

dist/markdown-toolbar.css

@@ -0,0 +1,99 @@
+.new-discussion-timeline .previewable-comment-form .comment-form-head.tabnav {
+    padding: 6px 10px 0;
+    background: #f7f7f7;
+    border-radius: 3px 3px 0 0;
+}
+
+.timeline-new-comment .comment-form-head {
+    margin-bottom: 10px;
+}
+
+.toolbar-commenting {
+    margin-top: 7px;
+}
+
+.toolbar-group {
+    display: inline-block;
+    margin-right: 15px;
+}
+
+.toolbar-item.dropdown {
+    padding: 0;
+}
+
+.toolbar-item {
+    display: block;
+    float: left;
+    padding: 4px 5px;
+    color: #767676;
+    background: none;
+    border: 0;
+}
+
+.toolbar-item .menu-target {
+    display: block;
+    padding: 4px 5px;
+    color: #767676;
+    background: none;
+    border: 0;
+}
+
+.toolbar-item .dropdown-caret {
+    display: block;
+    float: right;
+    margin-top: 6px;
+    margin-left: 2px;
+}
+
+.dropdown-caret {
+    display: inline-block;
+    width: 0;
+    height: 0;
+    vertical-align: -2px;
+    content: "";
+    border: 4px solid;
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+    border-left-color: transparent;
+}
+
+.octicon {
+    display: inline-block;
+    vertical-align: text-top;
+    fill: currentColor;
+}
+
+.dropdown-menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 100;
+    width: 160px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    margin-top: 2px;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid rgba(0,0,0,0.15);
+    border-radius: 4px;
+    box-shadow: 0 3px 12px rgba(0,0,0,0.15);
+}
+
+.dropdown-menu-s {
+    right: 50%;
+    left: auto;
+    -webkit-transform: translateX(50%);
+    transform: translateX(50%);
+}
+
+.markdown-preview {
+    background-color: #eee;
+}
+
+.markdown-preview blockquote {
+    margin: 10px 0 10px 0;
+    padding: 5px 10px;
+    border-left: 5px solid #b2cbea;
+    font-size: 14px;
+    color: #666;
+}