openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

index.html (1911B)

      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>