File modules/editor/codemirror/mode/sass/index.html

Last commit: Sun Dec 17 01:14:09 2017 +0100	Jan Dankert	Integration eines weiteren Code-Editors: Codemirror. Demnächst müssen wir hier mal aufräumen und andere Editoren rauswerfen.


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



Download modules/editor/codemirror/mode/sass/index.html


History
Sun, 17 Dec 2017 01:14:09 +0100	Jan Dankert	Integration eines weiteren Code-Editors: Codemirror. Demnächst müssen wir hier mal aufräumen und andere Editoren rauswerfen.