|
|
// CodeMirror, copyright (c) by Marijn Haverbeke and others
// Distributed under an MIT license: https://codemirror.net/5/LICENSE
(function() { var mode = CodeMirror.getMode({indentUnit: 2}, "sass"); // Since Sass has an indent-based syntax, is almost impossible to test correctly the indentation in all cases.
// So disable it for tests.
mode.indent = undefined; function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)); }
MT("comment", "[comment // this is a comment]", "[comment also this is a comment]")
MT("comment_multiline", "[comment /* this is a comment]", "[comment also this is a comment]")
MT("variable", "[variable-2 $page-width][operator :] [number 800][unit px]")
MT("global_attributes", "[tag body]", " [property font][operator :]", " [property family][operator :] [atom sans-serif]", " [property size][operator :] [number 30][unit em]", " [property weight][operator :] [atom bold]")
MT("scoped_styles", "[builtin #contents]", " [property width][operator :] [variable-2 $page-width]", " [builtin #sidebar]", " [property float][operator :] [atom right]", " [property width][operator :] [variable-2 $sidebar-width]", " [builtin #main]", " [property width][operator :] [variable-2 $page-width] [operator -] [variable-2 $sidebar-width]", " [property background][operator :] [variable-2 $primary-color]", " [tag h2]", " [property color][operator :] [keyword blue]")
// Sass allows to write the colon as first char instead of a "separator".
// :color red
// Not supported
// MT("property_syntax",
// "[qualifier .foo]",
// " [operator :][property color] [keyword red]")
MT("import", "[def @import] [string \"sass/variables\"]", // Probably it should parsed as above: as a string even without the " or '
// "[def @import] [string sass/baz]"
"[def @import] [tag sass][operator /][tag baz]")
MT("def", "[def @if] [variable-2 $foo] [def @else]")
MT("tag_on_more_lines", "[tag td],", "[tag th]", " [property font-family][operator :] [string \"Arial\"], [atom serif]")
MT("important", "[qualifier .foo]", " [property text-decoration][operator :] [atom none] [keyword !important]", "[tag h1]", " [property font-size][operator :] [number 2.5][unit em]")
MT("selector", // SCSS doesn't highlight the :
// "[tag h1]:[variable-3 before],",
// "[tag h2]:[variable-3 before]",
"[tag h1][variable-3 :before],", "[tag h2][variable-3 :before]", " [property content][operator :] [string \"::\"]")
MT("definition_mixin_equal", "[variable-2 $defined-bs-type][operator :] [atom border-box] [keyword !default]", "[meta =bs][operator (][variable-2 $bs-type][operator :] [variable-2 $defined-bs-type][operator )]", " [meta -webkit-][property box-sizing][operator :] [variable-2 $bs-type]", " [property box-sizing][operator :] [variable-2 $bs-type]")
MT("definition_mixin_with_space", "[variable-2 $defined-bs-type][operator :] [atom border-box] [keyword !default]", "[def @mixin] [tag bs][operator (][variable-2 $bs-type][operator :] [variable-2 $defined-bs-type][operator )] ", " [meta -moz-][property box-sizing][operator :] [variable-2 $bs-type]", " [property box-sizing][operator :] [variable-2 $bs-type]")
MT("numbers_start_dot_include_plus", // The % is not highlighted correctly
// "[meta =button-links][operator (][variable-2 $button-base][operator :] [atom darken][operator (][variable-2 $color11], [number 10][unit %][operator )][operator )]",
"[meta =button-links][operator (][variable-2 $button-base][operator :] [atom darken][operator (][variable-2 $color11], [number 10][operator %))]", " [property padding][operator :] [number .3][unit em] [number .6][unit em]", " [variable-3 +border-radius][operator (][number 8][unit px][operator )]", " [property background-color][operator :] [variable-2 $button-base]")
MT("include", "[qualifier .bar]", " [def @include] [tag border-radius][operator (][number 8][unit px][operator )]")
MT("reference_parent", "[qualifier .col]", " [property clear][operator :] [atom both]", // SCSS doesn't highlight the :
// " &:[variable-3 after]",
" &[variable-3 :after]", " [property content][operator :] [string '']", " [property clear][operator :] [atom both]")
MT("reference_parent_with_spaces", "[tag section]", " [property border-left][operator :] [number 20][unit px] [atom transparent] [atom solid] ", " &[qualifier .section3]", " [qualifier .title]", " [property color][operator :] [keyword white] ", " [qualifier .vermas]", " [property display][operator :] [atom none]")
MT("font_face", "[def @font-face]", " [property font-family][operator :] [string 'icomoon']", " [property src][operator :] [atom url][operator (][string fonts/icomoon.ttf][operator )]")})();
|
