0
|
1 // CodeMirror, copyright (c) by Marijn Haverbeke and others
|
|
2 // Distributed under an MIT license: https://codemirror.net/5/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]:[variable&callee url]([string test.jpg]) }");
|
|
10
|
|
11 MT('url_with_double_quotes',
|
|
12 "[tag foo] { [property background]:[variable&callee url]([string \"test.jpg\"]) }");
|
|
13
|
|
14 MT('url_with_single_quotes',
|
|
15 "[tag foo] { [property background]:[variable&callee url]([string \'test.jpg\']) }");
|
|
16
|
|
17 MT('string',
|
|
18 "[def @import] [string \"compass/css3\"]");
|
|
19
|
|
20 MT('important_keyword',
|
|
21 "[tag foo] { [property background]:[variable&callee 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&callee 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 })();
|