[stylus mode] Integrate

Issue #3047

doc/compress.html

@@ -174,6 +174,7 @@
           <option value="http://codemirror.net/mode/soy/soy.js">soy.js</option>
           <option value="http://codemirror.net/mode/sparql/sparql.js">sparql.js</option>
           <option value="http://codemirror.net/mode/spreadsheet/spreadsheet.js">spreadsheet.js</option>
+          <option value="http://codemirror.net/mode/stylus/stylus.js">stylus.js</option>
           <option value="http://codemirror.net/mode/sql/sql.js">sql.js</option>
           <option value="http://codemirror.net/mode/stex/stex.js">stex.js</option>
           <option value="http://codemirror.net/mode/tcl/tcl.js">tcl.js</option>

mode/index.html

@@ -109,6 +109,7 @@ option.</p>
       <li><a href="smartymixed/index.html">Smarty/HTML mixed</a></li>
       <li><a href="solr/index.html">Solr</a></li>
       <li><a href="soy/index.html">Soy</a></li>
+      <li><a href="stylus/index.html">Stylus</a></li>
       <li><a href="sql/index.html">SQL</a> (several dialects)</li>
       <li><a href="sparql/index.html">SPARQL</a></li>
       <li><a href="stex/index.html">sTeX, LaTeX</a></li>

mode/stylus/index.html

@@ -26,8 +26,7 @@
 
 <article>
 <h2>Stylus mode</h2>
-<form>
-    <textarea id="code" name="code">
+<form><textarea id="code" name="code">
 /* Stylus mode */
 #id
 .class
@@ -92,14 +91,14 @@ a:focus {
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
-  </textarea>
-  </form>
-    <script>
-      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
-        extraKeys: {"Ctrl-Space": "autocomplete"},
-      });
-    </script>
+</textarea>
+</form>
+<script>
+  var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+    extraKeys: {"Ctrl-Space": "autocomplete"},
+  });
+</script>
 
-    <p><strong>MIME types defined:</strong> <code>text/x-styl</code>.</p>
+<p><strong>MIME types defined:</strong> <code>text/x-styl</code>.</p>
 
-  </article>
+</article>