aboutsummaryrefslogtreecommitdiff
path: root/imports/codemirror/mode/less/index.html
diff options
context:
space:
mode:
authorValerio Virgillito2012-05-03 16:08:49 -0700
committerValerio Virgillito2012-05-03 16:08:49 -0700
commit0e1c87871489c1d5d8deb609174d8876eb579169 (patch)
treef37c26fbab9151e6c4f50e3e786bdc96b9960014 /imports/codemirror/mode/less/index.html
parenteb17fe1bbd05ad260e8a56918a3b396a03767e04 (diff)
parent01ecdc4bda1aff7d39f429c76e57b10af6079c53 (diff)
downloadninja-0e1c87871489c1d5d8deb609174d8876eb579169.tar.gz
Merge pull request #192 from ananyasen/Codeview-improvements
submitting project : Code Editor Improvements [Phase 1]
Diffstat (limited to 'imports/codemirror/mode/less/index.html')
-rw-r--r--imports/codemirror/mode/less/index.html39
1 files changed, 27 insertions, 12 deletions
diff --git a/imports/codemirror/mode/less/index.html b/imports/codemirror/mode/less/index.html
index bd3ef198..f7705205 100644
--- a/imports/codemirror/mode/less/index.html
+++ b/imports/codemirror/mode/less/index.html
@@ -7,23 +7,36 @@
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;}</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 <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">
11 </head> 12 </head>
12 <body> 13 <body>
13 <h1>CodeMirror: LESS mode</h1> 14 <h1>CodeMirror: LESS mode</h1>
14 <form><textarea id="code" name="code"> 15 <form><textarea id="code" name="code">/* Some LESS code */
15/* Some LESS code */
16 16
17video { 17@test_a: #eeeQQQ;//this is not a valid hex value and thus parsed as an element id
18 background-image:url('paper.gif'); 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
19
20#eee aaa .box
21{
22 #test bbb {
23 width: 500px;
24 height: 250px;
25 background-image: url(sheep.png), url(betweengrassandsky.png);
26 background-position: center bottom, left top;
27 background-repeat: no-repeat;
28 }
19} 29}
20 30
21.pre_class { 31@base: #f938ab;
22 width: 500px; 32
23 height: 250px; 33.box-shadow(@style, @c) when (iscolor(@c)) {
24 background-image: url(sheep.png), url(betweengrassandsky.png); 34 box-shadow: @style @c;
25 background-position: center bottom, left top; 35 -webkit-box-shadow: @style @c;
26 background-repeat: no-repeat; 36 -moz-box-shadow: @style @c;
37}
38.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
39 .box-shadow(@style, rgba(0, 0, 0, @alpha));
27} 40}
28 41
29@color: #4D926F; 42@color: #4D926F;
@@ -171,7 +184,7 @@ blockquote {
171body > footer { 184body > footer {
172 text-align: left; 185 text-align: left;
173 margin-left: 10px; 186 margin-left: 10px;
174 font-style: italic; 187 font-style: italic;
175 font-size: 18px; 188 font-size: 18px;
176 color: #888; 189 color: #888;
177} 190}
@@ -580,7 +593,9 @@ td {
580} 593}
581</textarea></form> 594</textarea></form>
582 <script> 595 <script>
583 var editor = CodeMirror.fromTextArea(document.getElementById("code"), {}); 596 var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
597 theme: "lesser-dark"
598 });
584 </script> 599 </script>
585 600
586 <p><strong>MIME types defined:</strong> <code>text/less</code>.</p> 601 <p><strong>MIME types defined:</strong> <code>text/less</code>.</p>