| 776 |
lars |
1 |
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
|
|
2 |
// Distributed under an MIT license: http://codemirror.net/LICENSE
|
|
|
3 |
|
|
|
4 |
(function() {
|
|
|
5 |
var mode = CodeMirror.getMode({indentUnit: 2}, "text/x-scss");
|
|
|
6 |
function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1), "scss"); }
|
|
|
7 |
|
|
|
8 |
MT('url_with_quotation',
|
|
|
9 |
"[tag foo] { [property background]:[atom url]([string test.jpg]) }");
|
|
|
10 |
|
|
|
11 |
MT('url_with_double_quotes',
|
|
|
12 |
"[tag foo] { [property background]:[atom url]([string \"test.jpg\"]) }");
|
|
|
13 |
|
|
|
14 |
MT('url_with_single_quotes',
|
|
|
15 |
"[tag foo] { [property background]:[atom url]([string \'test.jpg\']) }");
|
|
|
16 |
|
|
|
17 |
MT('string',
|
|
|
18 |
"[def @import] [string \"compass/css3\"]");
|
|
|
19 |
|
|
|
20 |
MT('important_keyword',
|
|
|
21 |
"[tag foo] { [property background]:[atom url]([string \'test.jpg\']) [keyword !important] }");
|
|
|
22 |
|
|
|
23 |
MT('variable',
|
|
|
24 |
"[variable-2 $blue]:[atom #333]");
|
|
|
25 |
|
|
|
26 |
MT('variable_as_attribute',
|
|
|
27 |
"[tag foo] { [property color]:[variable-2 $blue] }");
|
|
|
28 |
|
|
|
29 |
MT('numbers',
|
|
|
30 |
"[tag foo] { [property padding]:[number 10px] [number 10] [number 10em] [number 8in] }");
|
|
|
31 |
|
|
|
32 |
MT('number_percentage',
|
|
|
33 |
"[tag foo] { [property width]:[number 80%] }");
|
|
|
34 |
|
|
|
35 |
MT('selector',
|
|
|
36 |
"[builtin #hello][qualifier .world]{}");
|
|
|
37 |
|
|
|
38 |
MT('singleline_comment',
|
|
|
39 |
"[comment // this is a comment]");
|
|
|
40 |
|
|
|
41 |
MT('multiline_comment',
|
|
|
42 |
"[comment /*foobar*/]");
|
|
|
43 |
|
|
|
44 |
MT('attribute_with_hyphen',
|
|
|
45 |
"[tag foo] { [property font-size]:[number 10px] }");
|
|
|
46 |
|
|
|
47 |
MT('string_after_attribute',
|
|
|
48 |
"[tag foo] { [property content]:[string \"::\"] }");
|
|
|
49 |
|
|
|
50 |
MT('directives',
|
|
|
51 |
"[def @include] [qualifier .mixin]");
|
|
|
52 |
|
|
|
53 |
MT('basic_structure',
|
|
|
54 |
"[tag p] { [property background]:[keyword red]; }");
|
|
|
55 |
|
|
|
56 |
MT('nested_structure',
|
|
|
57 |
"[tag p] { [tag a] { [property color]:[keyword red]; } }");
|
|
|
58 |
|
|
|
59 |
MT('mixin',
|
|
|
60 |
"[def @mixin] [tag table-base] {}");
|
|
|
61 |
|
|
|
62 |
MT('number_without_semicolon',
|
|
|
63 |
"[tag p] {[property width]:[number 12]}",
|
|
|
64 |
"[tag a] {[property color]:[keyword red];}");
|
|
|
65 |
|
|
|
66 |
MT('atom_in_nested_block',
|
|
|
67 |
"[tag p] { [tag a] { [property color]:[atom #000]; } }");
|
|
|
68 |
|
|
|
69 |
MT('interpolation_in_property',
|
|
|
70 |
"[tag foo] { #{[variable-2 $hello]}:[number 2]; }");
|
|
|
71 |
|
|
|
72 |
MT('interpolation_in_selector',
|
|
|
73 |
"[tag foo]#{[variable-2 $hello]} { [property color]:[atom #000]; }");
|
|
|
74 |
|
|
|
75 |
MT('interpolation_error',
|
|
|
76 |
"[tag foo]#{[variable foo]} { [property color]:[atom #000]; }");
|
|
|
77 |
|
|
|
78 |
MT("divide_operator",
|
|
|
79 |
"[tag foo] { [property width]:[number 4] [operator /] [number 2] }");
|
|
|
80 |
|
|
|
81 |
MT('nested_structure_with_id_selector',
|
|
|
82 |
"[tag p] { [builtin #hello] { [property color]:[keyword red]; } }");
|
|
|
83 |
|
|
|
84 |
MT('indent_mixin',
|
|
|
85 |
"[def @mixin] [tag container] (",
|
|
|
86 |
" [variable-2 $a]: [number 10],",
|
|
|
87 |
" [variable-2 $b]: [number 10])",
|
|
|
88 |
"{}");
|
|
|
89 |
|
|
|
90 |
MT('indent_nested',
|
|
|
91 |
"[tag foo] {",
|
|
|
92 |
" [tag bar] {",
|
|
|
93 |
" }",
|
|
|
94 |
"}");
|
|
|
95 |
|
|
|
96 |
MT('indent_parentheses',
|
|
|
97 |
"[tag foo] {",
|
|
|
98 |
" [property color]: [variable darken]([variable-2 $blue],",
|
|
|
99 |
" [number 9%]);",
|
|
|
100 |
"}");
|
|
|
101 |
|
|
|
102 |
MT('indent_vardef',
|
|
|
103 |
"[variable-2 $name]:",
|
|
|
104 |
" [string 'val'];",
|
|
|
105 |
"[tag tag] {",
|
|
|
106 |
" [tag inner] {",
|
|
|
107 |
" [property margin]: [number 3px];",
|
|
|
108 |
" }",
|
|
|
109 |
"}");
|
|
|
110 |
})();
|