css.js
9 years ago
css.min.js
6 years ago
gss.html
10 years ago
gss_test.js
10 years ago
gss_test.min.js
8 years ago
index.html
9 years ago
less.html
11 years ago
less_test.js
9 years ago
less_test.min.js
6 years ago
scss.html
11 years ago
scss_test.js
9 years ago
scss_test.min.js
6 years ago
test.js
10 years ago
test.min.js
6 years ago
scss_test.js
111 lines
| 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]: [atom 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 | })(); |
| 111 |