diff options
| author | Pushkar Joshi | 2012-05-22 13:22:26 -0700 |
|---|---|---|
| committer | Pushkar Joshi | 2012-05-22 13:22:26 -0700 |
| commit | 01dbc1f329a95bc7e3b93224543d88ad5bdbd315 (patch) | |
| tree | ceb527713554f506c537168e36a10452cd09ad10 /imports/codemirror/mode/less/index.html | |
| parent | b9262c831952e77135b79c2de7c455d5e7ff0589 (diff) | |
| parent | c37a876b373ddc7cb19277aaeaa6bb2d2d5a50ac (diff) | |
| download | ninja-01dbc1f329a95bc7e3b93224543d88ad5bdbd315.tar.gz | |
Merge branch 'master' into brushtool
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> |