diff options
| author | Armen Kesablyan | 2012-05-08 16:43:43 -0700 |
|---|---|---|
| committer | Armen Kesablyan | 2012-05-08 16:43:43 -0700 |
| commit | dc075ffcc6dd03c090d90fad999eee9b924d56ee (patch) | |
| tree | 867f8bdd588c8f9076979233ca46a688ff70523e /imports/codemirror/mode/less/index.html | |
| parent | 5d7e470351fd150d5e70a97332fa2f2553797499 (diff) | |
| parent | 4d949f141247215b5f2a6ec0cfc7d2d31cf2bb1f (diff) | |
| download | ninja-dc075ffcc6dd03c090d90fad999eee9b924d56ee.tar.gz | |
Merge branch 'refs/heads/dom-architecture' into binding
Conflicts:
js/components/layout/tools-properties.reel/tools-properties.html
Signed-off-by: Armen Kesablyan <armen@motorola.com>
Diffstat (limited to 'imports/codemirror/mode/less/index.html')
| -rw-r--r-- | imports/codemirror/mode/less/index.html | 39 |
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 | ||
| 17 | video { | 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 { | |||
| 171 | body > footer { | 184 | body > 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> |