Mercurial
comparison .cms/lib/codemirror/mode/sass/index.html @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
1 <!doctype html> | |
2 | |
3 <title>CodeMirror: Sass 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 <script src="../../lib/codemirror.js"></script> | |
9 <script src="../../addon/edit/matchbrackets.js"></script> | |
10 <script src="../css/css.js"></script> | |
11 <script src="sass.js"></script> | |
12 <style>.CodeMirror {border: 1px solid #ddd; font-size:12px; height: 400px}</style> | |
13 <div id=nav> | |
14 <a href="https://codemirror.net/5"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png" alt=""></a> | |
15 | |
16 <ul> | |
17 <li><a href="../../index.html">Home</a> | |
18 <li><a href="../../doc/manual.html">Manual</a> | |
19 <li><a href="https://github.com/codemirror/codemirror5">Code</a> | |
20 </ul> | |
21 <ul> | |
22 <li><a href="../index.html">Language modes</a> | |
23 <li><a class=active href="#">Sass</a> | |
24 </ul> | |
25 </div> | |
26 | |
27 <article> | |
28 <h2>Sass mode</h2> | |
29 <form><textarea id="code" name="code">// Variable Definitions | |
30 | |
31 $page-width: 800px | |
32 $sidebar-width: 200px | |
33 $primary-color: #eeeeee | |
34 | |
35 // Global Attributes | |
36 | |
37 body | |
38 font: | |
39 family: sans-serif | |
40 size: 30em | |
41 weight: bold | |
42 | |
43 // Scoped Styles | |
44 | |
45 #contents | |
46 width: $page-width | |
47 #sidebar | |
48 float: right | |
49 width: $sidebar-width | |
50 #main | |
51 width: $page-width - $sidebar-width | |
52 background: $primary-color | |
53 h2 | |
54 color: blue | |
55 | |
56 #footer | |
57 height: 200px | |
58 </textarea></form> | |
59 <script> | |
60 var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |
61 lineNumbers : true, | |
62 matchBrackets : true, | |
63 mode: "sass" | |
64 }); | |
65 </script> | |
66 | |
67 <p><strong>MIME types defined:</strong> <code>text/x-sass</code>.</p> | |
68 </article> |