index.html
54 lines
| 1.2 KiB
| text/html
|
HtmlLexer
| r4026 | <!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> | ||||
