to-be-integrated/third-party/codemirror-3.15/mode/sass/index.html

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>CodeMirror: Sass mode</title>
   6     <link rel="stylesheet" href="../../lib/codemirror.css">
   7     <script src="../../lib/codemirror.js"></script>
   8     <script src="../../addon/edit/matchbrackets.js"></script>
   9     <script src="sass.js"></script>
  10     <style>.CodeMirror {border: 1px solid #ddd; font-size:12px; height: 400px}</style>
  11     <link rel="stylesheet" href="../../doc/docs.css">
  12   </head>
  13   <body>
  14     <h1>CodeMirror: Sass mode</h1>
  15     <form><textarea id="code" name="code">// Variable Definitions
  16
  17 $page-width:    800px
  18 $sidebar-width: 200px
  19 $primary-color: #eeeeee
  20
  21 // Global Attributes
  22
  23 body
  24   font:
  25     family: sans-serif
  26     size: 30em
  27     weight: bold
  28
  29 // Scoped Styles
  30
  31 #contents
  32   width: $page-width
  33   #sidebar
  34     float: right
  35     width: $sidebar-width
  36   #main
  37     width: $page-width - $sidebar-width
  38     background: $primary-color
  39     h2
  40       color: blue
  41
  42 #footer
  43   height: 200px
  44 </textarea></form>
  45     <script>
  46       var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
  47         lineNumbers : true,
  48         matchBrackets : true
  49       });
  50     </script>
  51
  52     <p><strong>MIME types defined:</strong> <code>text/x-sass</code>.</p>
  53   </body>
  54 </html>