aboutsummaryrefslogtreecommitdiff
path: root/imports/codemirror/mode/less/index.html
diff options
context:
space:
mode:
authorKruti Shah2012-07-17 12:40:00 -0700
committerKruti Shah2012-07-17 12:40:00 -0700
commitbf2d7bdb22c28089dc1067bc9094ebc590daac87 (patch)
tree2156d9920ea1b7db49ed6460545fea7cda121bae /imports/codemirror/mode/less/index.html
parent7e2c2dbd040ed79a3f0678f91bd4b6db9cf69231 (diff)
parentb4b3e45d6684e77d361b4f8ca5be4889428320c5 (diff)
downloadninja-bf2d7bdb22c28089dc1067bc9094ebc590daac87.tar.gz
Merge branch 'refs/heads/TimelineUberJD' into Timeline-local-kruti
Diffstat (limited to 'imports/codemirror/mode/less/index.html')
-rw-r--r--imports/codemirror/mode/less/index.html25
1 files changed, 20 insertions, 5 deletions
diff --git a/imports/codemirror/mode/less/index.html b/imports/codemirror/mode/less/index.html
index f7705205..cad8e4b2 100644
--- a/imports/codemirror/mode/less/index.html
+++ b/imports/codemirror/mode/less/index.html
@@ -5,7 +5,7 @@
5 <link rel="stylesheet" href="../../lib/codemirror.css"> 5 <link rel="stylesheet" href="../../lib/codemirror.css">
6 <script src="../../lib/codemirror.js"></script> 6 <script src="../../lib/codemirror.js"></script>
7 <script src="less.js"></script> 7 <script src="less.js"></script>
8 <style>.CodeMirror {background: #f8f8f8; border: 1px solid #ddd;}</style> 8 <style>.CodeMirror {background: #f8f8f8; border: 1px solid #ddd; font-size:12px} .CodeMirror-scroll {height: 400px}</style>
9 <link rel="stylesheet" href="../../doc/docs.css"> 9 <link rel="stylesheet" href="../../doc/docs.css">
10 <link rel="stylesheet" href="../../theme/lesser-dark.css"> 10 <link rel="stylesheet" href="../../theme/lesser-dark.css">
11 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 11 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
@@ -14,15 +14,28 @@
14 <h1>CodeMirror: LESS mode</h1> 14 <h1>CodeMirror: LESS mode</h1>
15 <form><textarea id="code" name="code">/* Some LESS code */ 15 <form><textarea id="code" name="code">/* Some LESS code */
16 16
17button {
18 width: 32px;
19 height: 32px;
20 border: 0;
21 margin: 4px;
22 cursor: pointer;
23}
24button.icon-plus { background: url(http://dahlström.net/tmp/sharp-icons/svg-icon-target.svg#plus) no-repeat; }
25button.icon-chart { background: url(http://dahlström.net/tmp/sharp-icons/svg-icon-target.svg#chart) no-repeat; }
26
27button:hover { background-color: #999; }
28button:active { background-color: #666; }
29
17@test_a: #eeeQQQ;//this is not a valid hex value and thus parsed as an element id 30@test_a: #eeeQQQ;//this is not a valid hex value and thus parsed as an element id
18@test_b: #eeeFFF//this is a valid hex value but the declaration doesn't end with a semicolon and thus parsed as an element id 31@test_b: #eeeFFF //this is a valid hex value but the declaration doesn't end with a semicolon and thus parsed as an element id
19 32
20#eee aaa .box 33#eee aaa .box
21{ 34{
22 #test bbb { 35 #test bbb {
23 width: 500px; 36 width: 500px;
24 height: 250px; 37 height: 250px;
25 background-image: url(sheep.png), url(betweengrassandsky.png); 38 background-image: url(dir/output/sheep.png), url( betweengrassandsky.png );
26 background-position: center bottom, left top; 39 background-position: center bottom, left top;
27 background-repeat: no-repeat; 40 background-repeat: no-repeat;
28 } 41 }
@@ -594,10 +607,12 @@ td {
594</textarea></form> 607</textarea></form>
595 <script> 608 <script>
596 var editor = CodeMirror.fromTextArea(document.getElementById("code"), { 609 var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
597 theme: "lesser-dark" 610 theme: "lesser-dark",
611 lineNumbers : true,
612 matchBrackets : true
598 }); 613 });
599 </script> 614 </script>
600 615
601 <p><strong>MIME types defined:</strong> <code>text/less</code>.</p> 616 <p><strong>MIME types defined:</strong> <code>text/x-less</code>, <code>text/css</code> (if not previously defined).</p>
602 </body> 617 </body>
603</html> 618</html>