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

     1  <!doctype html>
     2  
     3  <title>CodeMirror: CSS 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  <link rel="stylesheet" href="../../addon/hint/show-hint.css">
     9  <script src="../../lib/codemirror.js"></script>
    10  <script src="css.js"></script>
    11  <script src="../../addon/hint/show-hint.js"></script>
    12  <script src="../../addon/hint/css-hint.js"></script>
    13  <style>.CodeMirror {background: #f8f8f8;}</style>
    14  <div id=nav>
    15    <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
    16  
    17    <ul>
    18      <li><a href="../../index.html">Home</a>
    19      <li><a href="../../doc/manual.html">Manual</a>
    20      <li><a href="https://github.com/codemirror/codemirror">Code</a>
    21    </ul>
    22    <ul>
    23      <li><a href="../index.html">Language modes</a>
    24      <li><a class=active href="#">CSS</a>
    25    </ul>
    26  </div>
    27  
    28  <article>
    29  <h2>CSS mode</h2>
    30  <form><textarea id="code" name="code">
    31  /* Some example CSS */
    32  
    33  @import url("something.css");
    34  
    35  body {
    36    margin: 0;
    37    padding: 3em 6em;
    38    font-family: tahoma, arial, sans-serif;
    39    color: #000;
    40  }
    41  
    42  #navigation a {
    43    font-weight: bold;
    44    text-decoration: none !important;
    45  }
    46  
    47  h1 {
    48    font-size: 2.5em;
    49  }
    50  
    51  h2 {
    52    font-size: 1.7em;
    53  }
    54  
    55  h1:before, h2:before {
    56    content: "::";
    57  }
    58  
    59  code {
    60    font-family: courier, monospace;
    61    font-size: 80%;
    62    color: #418A8A;
    63  }
    64  </textarea></form>
    65      <script>
    66        var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
    67          extraKeys: {"Ctrl-Space": "autocomplete"},
    68        });
    69      </script>
    70  
    71      <p><strong>MIME types defined:</strong> <code>text/css</code>, <code>text/x-scss</code> (<a href="scss.html">demo</a>), <code>text/x-less</code> (<a href="less.html">demo</a>).</p>
    72  
    73      <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#css_*">normal</a>,  <a href="../../test/index.html#verbose,css_*">verbose</a>.</p>
    74  
    75    </article>