[Summary view] [Print] [Text view]

   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  })();