github.com/elliott5/community@v0.14.1-0.20160709191136-823126fb026a/app/public/codemirror/mode/sass/index.html (about)

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