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

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>CodeMirror: CSS mode</title>
   6     <link rel="stylesheet" href="../../lib/codemirror.css">
   7     <script src="../../lib/codemirror.js"></script>
   8     <script src="css.js"></script>
   9     <style>.CodeMirror {background: #f8f8f8;}</style>
  10     <link rel="stylesheet" href="../../doc/docs.css">
  11   </head>
  12   <body>
  13     <h1>CodeMirror: CSS mode</h1>
  14     <form><textarea id="code" name="code">
  15 /* Some example CSS */
  16
  17 @import url("something.css");
  18
  19 body {
  20   margin: 0;
  21   padding: 3em 6em;
  22   font-family: tahoma, arial, sans-serif;
  23   color: #000;
  24 }
  25
  26 #navigation a {
  27   font-weight: bold;
  28   text-decoration: none !important;
  29 }
  30
  31 h1 {
  32   font-size: 2.5em;
  33 }
  34
  35 h2 {
  36   font-size: 1.7em;
  37 }
  38
  39 h1:before, h2:before {
  40   content: "::";
  41 }
  42
  43 code {
  44   font-family: courier, monospace;
  45   font-size: 80%;
  46   color: #418A8A;
  47 }
  48 </textarea></form>
  49     <script>
  50       var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
  51     </script>
  52
  53     <p><strong>MIME types defined:</strong> <code>text/css</code>.</p>
  54
  55     <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#css_*">normal</a>,  <a href="../../test/index.html#verbose,css_*">verbose</a>.</p>
  56
  57   </body>
  58 </html>