--- /dev/null
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>CodeMirror: Sass mode</title>
+ <link rel="stylesheet" href="../../lib/codemirror.css">
+ <script src="../../lib/codemirror.js"></script>
+ <script src="../../addon/edit/matchbrackets.js"></script>
+ <script src="sass.js"></script>
+ <style>.CodeMirror {border: 1px solid #ddd; font-size:12px; height: 400px}</style>
+ <link rel="stylesheet" href="../../doc/docs.css">
+ </head>
+ <body>
+ <h1>CodeMirror: Sass mode</h1>
+ <form><textarea id="code" name="code">// Variable Definitions
+
+$page-width: 800px
+$sidebar-width: 200px
+$primary-color: #eeeeee
+
+// Global Attributes
+
+body
+ font:
+ family: sans-serif
+ size: 30em
+ weight: bold
+
+// Scoped Styles
+
+#contents
+ width: $page-width
+ #sidebar
+ float: right
+ width: $sidebar-width
+ #main
+ width: $page-width - $sidebar-width
+ background: $primary-color
+ h2
+ color: blue
+
+#footer
+ height: 200px
+</textarea></form>
+ <script>
+ var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+ lineNumbers : true,
+ matchBrackets : true
+ });
+ </script>
+
+ <p><strong>MIME types defined:</strong> <code>text/x-sass</code>.</p>
+ </body>
+</html>