remove unused CodeMirror test files
This commit is contained in:
tophf
parent
fb7f7d5471
commit
d932d37cff
103
vendor/codemirror/mode/css/gss.html
vendored
103
vendor/codemirror/mode/css/gss.html
vendored
|
|
@ -1,103 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
|
|
||||||
<title>CodeMirror: Closure Stylesheets (GSS) mode</title>
|
|
||||||
<meta charset="utf-8"/>
|
|
||||||
<link rel=stylesheet href="../../doc/docs.css">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="../../lib/codemirror.css">
|
|
||||||
<link rel="stylesheet" href="../../addon/hint/show-hint.css">
|
|
||||||
<script src="../../lib/codemirror.js"></script>
|
|
||||||
<script src="css.js"></script>
|
|
||||||
<script src="../../addon/hint/show-hint.js"></script>
|
|
||||||
<script src="../../addon/hint/css-hint.js"></script>
|
|
||||||
<style>.CodeMirror {background: #f8f8f8;}</style>
|
|
||||||
<div id=nav>
|
|
||||||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><a href="../../index.html">Home</a>
|
|
||||||
<li><a href="../../doc/manual.html">Manual</a>
|
|
||||||
<li><a href="https://github.com/codemirror/codemirror">Code</a>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li><a href="../index.html">Language modes</a>
|
|
||||||
<li><a class=active href="#">Closure Stylesheets (GSS)</a>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<h2>Closure Stylesheets (GSS) mode</h2>
|
|
||||||
<form><textarea id="code" name="code">
|
|
||||||
/* Some example Closure Stylesheets */
|
|
||||||
|
|
||||||
@provide 'some.styles';
|
|
||||||
|
|
||||||
@require 'other.styles';
|
|
||||||
|
|
||||||
@component {
|
|
||||||
|
|
||||||
@def FONT_FAMILY "Times New Roman", Georgia, Serif;
|
|
||||||
@def FONT_SIZE_NORMAL 15px;
|
|
||||||
@def FONT_NORMAL normal FONT_SIZE_NORMAL FONT_FAMILY;
|
|
||||||
|
|
||||||
@def BG_COLOR rgb(235, 239, 249);
|
|
||||||
|
|
||||||
@def DIALOG_BORDER_COLOR rgb(107, 144, 218);
|
|
||||||
@def DIALOG_BG_COLOR BG_COLOR;
|
|
||||||
|
|
||||||
@def LEFT_HAND_NAV_WIDTH 180px;
|
|
||||||
@def LEFT_HAND_NAV_PADDING 3px;
|
|
||||||
|
|
||||||
@defmixin size(WIDTH, HEIGHT) {
|
|
||||||
width: WIDTH;
|
|
||||||
height: HEIGHT;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: BG_COLOR;
|
|
||||||
margin: 0;
|
|
||||||
padding: 3em 6em;
|
|
||||||
font: FONT_NORMAL;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navigation a {
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dialog {
|
|
||||||
background-color: DIALOG_BG_COLOR;
|
|
||||||
border: 1px solid DIALOG_BORDER_COLOR;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
position: absolute;
|
|
||||||
margin-left: add(LEFT_HAND_NAV_PADDING, /* padding left */
|
|
||||||
LEFT_HAND_NAV_WIDTH,
|
|
||||||
LEFT_HAND_NAV_PADDING); /* padding right */
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
@mixin size(150px, 55px);
|
|
||||||
background-image: url('http://www.google.com/images/logo_sm.gif');
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</textarea></form>
|
|
||||||
<script>
|
|
||||||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
|
|
||||||
extraKeys: {"Ctrl-Space": "autocomplete"},
|
|
||||||
lineNumbers: true,
|
|
||||||
matchBrackets: "text/x-less",
|
|
||||||
mode: "text/x-gss"
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<p>A mode for <a href="https://github.com/google/closure-stylesheets">Closure Stylesheets</a> (GSS).</p>
|
|
||||||
<p><strong>MIME type defined:</strong> <code>text/x-gss</code>.</p>
|
|
||||||
|
|
||||||
<p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#gss_*">normal</a>, <a href="../../test/index.html#verbose,gss_*">verbose</a>.</p>
|
|
||||||
|
|
||||||
</article>
|
|
||||||
17
vendor/codemirror/mode/css/gss_test.js
vendored
17
vendor/codemirror/mode/css/gss_test.js
vendored
|
|
@ -1,17 +0,0 @@
|
||||||
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
|
||||||
// Distributed under an MIT license: http://codemirror.net/LICENSE
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
var mode = CodeMirror.getMode({indentUnit: 2}, "text/x-gss");
|
|
||||||
function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1), "gss"); }
|
|
||||||
|
|
||||||
MT("atComponent",
|
|
||||||
"[def @component] {",
|
|
||||||
"[tag foo] {",
|
|
||||||
" [property color]: [keyword black];",
|
|
||||||
"}",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
})();
|
|
||||||
75
vendor/codemirror/mode/css/index.html
vendored
75
vendor/codemirror/mode/css/index.html
vendored
|
|
@ -1,75 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
|
|
||||||
<title>CodeMirror: CSS mode</title>
|
|
||||||
<meta charset="utf-8"/>
|
|
||||||
<link rel=stylesheet href="../../doc/docs.css">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="../../lib/codemirror.css">
|
|
||||||
<link rel="stylesheet" href="../../addon/hint/show-hint.css">
|
|
||||||
<script src="../../lib/codemirror.js"></script>
|
|
||||||
<script src="css.js"></script>
|
|
||||||
<script src="../../addon/hint/show-hint.js"></script>
|
|
||||||
<script src="../../addon/hint/css-hint.js"></script>
|
|
||||||
<style>.CodeMirror {background: #f8f8f8;}</style>
|
|
||||||
<div id=nav>
|
|
||||||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><a href="../../index.html">Home</a>
|
|
||||||
<li><a href="../../doc/manual.html">Manual</a>
|
|
||||||
<li><a href="https://github.com/codemirror/codemirror">Code</a>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li><a href="../index.html">Language modes</a>
|
|
||||||
<li><a class=active href="#">CSS</a>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<h2>CSS mode</h2>
|
|
||||||
<form><textarea id="code" name="code">
|
|
||||||
/* Some example CSS */
|
|
||||||
|
|
||||||
@import url("something.css");
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
padding: 3em 6em;
|
|
||||||
font-family: tahoma, arial, sans-serif;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navigation a {
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 1.7em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1:before, h2:before {
|
|
||||||
content: "::";
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
font-family: courier, monospace;
|
|
||||||
font-size: 80%;
|
|
||||||
color: #418A8A;
|
|
||||||
}
|
|
||||||
</textarea></form>
|
|
||||||
<script>
|
|
||||||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
|
|
||||||
extraKeys: {"Ctrl-Space": "autocomplete"}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<p><strong>MIME types defined:</strong> <code>text/css</code>, <code>text/x-scss</code> (<a href="scss.html">demo</a>), <code>text/x-less</code> (<a href="less.html">demo</a>).</p>
|
|
||||||
|
|
||||||
<p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#css_*">normal</a>, <a href="../../test/index.html#verbose,css_*">verbose</a>.</p>
|
|
||||||
|
|
||||||
</article>
|
|
||||||
152
vendor/codemirror/mode/css/less.html
vendored
152
vendor/codemirror/mode/css/less.html
vendored
|
|
@ -1,152 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
|
|
||||||
<title>CodeMirror: LESS mode</title>
|
|
||||||
<meta charset="utf-8"/>
|
|
||||||
<link rel=stylesheet href="../../doc/docs.css">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="../../lib/codemirror.css">
|
|
||||||
<script src="../../lib/codemirror.js"></script>
|
|
||||||
<script src="../../addon/edit/matchbrackets.js"></script>
|
|
||||||
<script src="css.js"></script>
|
|
||||||
<style>.CodeMirror {border: 1px solid #ddd; line-height: 1.2;}</style>
|
|
||||||
<div id=nav>
|
|
||||||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><a href="../../index.html">Home</a>
|
|
||||||
<li><a href="../../doc/manual.html">Manual</a>
|
|
||||||
<li><a href="https://github.com/codemirror/codemirror">Code</a>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li><a href="../index.html">Language modes</a>
|
|
||||||
<li><a class=active href="#">LESS</a>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<h2>LESS mode</h2>
|
|
||||||
<form><textarea id="code" name="code">@media screen and (device-aspect-ratio: 16/9) { … }
|
|
||||||
@media screen and (device-aspect-ratio: 1280/720) { … }
|
|
||||||
@media screen and (device-aspect-ratio: 2560/1440) { … }
|
|
||||||
|
|
||||||
html:lang(fr-be)
|
|
||||||
|
|
||||||
tr:nth-child(2n+1) /* represents every odd row of an HTML table */
|
|
||||||
|
|
||||||
img:nth-of-type(2n+1) { float: right; }
|
|
||||||
img:nth-of-type(2n) { float: left; }
|
|
||||||
|
|
||||||
body > h2:not(:first-of-type):not(:last-of-type)
|
|
||||||
|
|
||||||
html|*:not(:link):not(:visited)
|
|
||||||
*|*:not(:hover)
|
|
||||||
p::first-line { text-transform: uppercase }
|
|
||||||
|
|
||||||
@namespace foo url(http://www.example.com);
|
|
||||||
foo|h1 { color: blue } /* first rule */
|
|
||||||
|
|
||||||
span[hello="Ocean"][goodbye="Land"]
|
|
||||||
|
|
||||||
E[foo]{
|
|
||||||
padding:65px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="search"]::-webkit-search-decoration,
|
|
||||||
input[type="search"]::-webkit-search-cancel-button {
|
|
||||||
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
|
||||||
}
|
|
||||||
button::-moz-focus-inner,
|
|
||||||
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
.btn {
|
|
||||||
// reset here as of 2.0.3 due to Recess property order
|
|
||||||
border-color: #ccc;
|
|
||||||
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
|
|
||||||
}
|
|
||||||
fieldset span button, fieldset span input[type="file"] {
|
|
||||||
font-size:12px;
|
|
||||||
font-family:Arial, Helvetica, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rounded-corners (@radius: 5px) {
|
|
||||||
border-radius: @radius;
|
|
||||||
-webkit-border-radius: @radius;
|
|
||||||
-moz-border-radius: @radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
@import url("something.css");
|
|
||||||
|
|
||||||
@light-blue: hsl(190, 50%, 65%);
|
|
||||||
|
|
||||||
#menu {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 3;
|
|
||||||
clear: both;
|
|
||||||
display: block;
|
|
||||||
background-color: @blue;
|
|
||||||
height: 42px;
|
|
||||||
border-top: 2px solid lighten(@alpha-blue, 20%);
|
|
||||||
border-bottom: 2px solid darken(@alpha-blue, 25%);
|
|
||||||
.box-shadow(0, 1px, 8px, 0.6);
|
|
||||||
-moz-box-shadow: 0 0 0 #000; // Because firefox sucks.
|
|
||||||
|
|
||||||
&.docked {
|
|
||||||
background-color: hsla(210, 60%, 40%, 0.4);
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
background-color: @blue;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dropdown {
|
|
||||||
margin: 0 0 0 117px;
|
|
||||||
padding: 0;
|
|
||||||
padding-top: 5px;
|
|
||||||
display: none;
|
|
||||||
width: 190px;
|
|
||||||
border-top: 2px solid @medium;
|
|
||||||
color: @highlight;
|
|
||||||
border: 2px solid darken(@medium, 25%);
|
|
||||||
border-left-color: darken(@medium, 15%);
|
|
||||||
border-right-color: darken(@medium, 15%);
|
|
||||||
border-top-width: 0;
|
|
||||||
background-color: darken(@medium, 10%);
|
|
||||||
ul {
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
font-size: 14px;
|
|
||||||
display: block;
|
|
||||||
text-align: left;
|
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
a {
|
|
||||||
display: block;
|
|
||||||
padding: 0px 15px;
|
|
||||||
text-decoration: none;
|
|
||||||
color: white;
|
|
||||||
&:hover {
|
|
||||||
background-color: darken(@medium, 15%);
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.border-radius(5px, bottom);
|
|
||||||
.box-shadow(0, 6px, 8px, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</textarea></form>
|
|
||||||
<script>
|
|
||||||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
|
|
||||||
lineNumbers : true,
|
|
||||||
matchBrackets : true,
|
|
||||||
mode: "text/x-less"
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<p>The LESS mode is a sub-mode of the <a href="index.html">CSS mode</a> (defined in <code>css.js</code>).</p>
|
|
||||||
|
|
||||||
<p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#less_*">normal</a>, <a href="../../test/index.html#verbose,less_*">verbose</a>.</p>
|
|
||||||
</article>
|
|
||||||
54
vendor/codemirror/mode/css/less_test.js
vendored
54
vendor/codemirror/mode/css/less_test.js
vendored
|
|
@ -1,54 +0,0 @@
|
||||||
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
|
||||||
// Distributed under an MIT license: http://codemirror.net/LICENSE
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
var mode = CodeMirror.getMode({indentUnit: 2}, "text/x-less");
|
|
||||||
function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1), "less"); }
|
|
||||||
|
|
||||||
MT("variable",
|
|
||||||
"[variable-2 @base]: [atom #f04615];",
|
|
||||||
"[qualifier .class] {",
|
|
||||||
" [property width]: [variable percentage]([number 0.5]); [comment // returns `50%`]",
|
|
||||||
" [property color]: [variable saturate]([variable-2 @base], [number 5%]);",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("amp",
|
|
||||||
"[qualifier .child], [qualifier .sibling] {",
|
|
||||||
" [qualifier .parent] [atom &] {",
|
|
||||||
" [property color]: [keyword black];",
|
|
||||||
" }",
|
|
||||||
" [atom &] + [atom &] {",
|
|
||||||
" [property color]: [keyword red];",
|
|
||||||
" }",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("mixin",
|
|
||||||
"[qualifier .mixin] ([variable dark]; [variable-2 @color]) {",
|
|
||||||
" [property color]: [atom darken]([variable-2 @color], [number 10%]);",
|
|
||||||
"}",
|
|
||||||
"[qualifier .mixin] ([variable light]; [variable-2 @color]) {",
|
|
||||||
" [property color]: [atom lighten]([variable-2 @color], [number 10%]);",
|
|
||||||
"}",
|
|
||||||
"[qualifier .mixin] ([variable-2 @_]; [variable-2 @color]) {",
|
|
||||||
" [property display]: [atom block];",
|
|
||||||
"}",
|
|
||||||
"[variable-2 @switch]: [variable light];",
|
|
||||||
"[qualifier .class] {",
|
|
||||||
" [qualifier .mixin]([variable-2 @switch]; [atom #888]);",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("nest",
|
|
||||||
"[qualifier .one] {",
|
|
||||||
" [def @media] ([property width]: [number 400px]) {",
|
|
||||||
" [property font-size]: [number 1.2em];",
|
|
||||||
" [def @media] [attribute print] [keyword and] [property color] {",
|
|
||||||
" [property color]: [keyword blue];",
|
|
||||||
" }",
|
|
||||||
" }",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
|
|
||||||
MT("interpolation", ".@{[variable foo]} { [property font-weight]: [atom bold]; }");
|
|
||||||
})();
|
|
||||||
157
vendor/codemirror/mode/css/scss.html
vendored
157
vendor/codemirror/mode/css/scss.html
vendored
|
|
@ -1,157 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
|
|
||||||
<title>CodeMirror: SCSS mode</title>
|
|
||||||
<meta charset="utf-8"/>
|
|
||||||
<link rel=stylesheet href="../../doc/docs.css">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="../../lib/codemirror.css">
|
|
||||||
<script src="../../lib/codemirror.js"></script>
|
|
||||||
<script src="css.js"></script>
|
|
||||||
<style>.CodeMirror {background: #f8f8f8;}</style>
|
|
||||||
<div id=nav>
|
|
||||||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><a href="../../index.html">Home</a>
|
|
||||||
<li><a href="../../doc/manual.html">Manual</a>
|
|
||||||
<li><a href="https://github.com/codemirror/codemirror">Code</a>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li><a href="../index.html">Language modes</a>
|
|
||||||
<li><a class=active href="#">SCSS</a>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<h2>SCSS mode</h2>
|
|
||||||
<form><textarea id="code" name="code">
|
|
||||||
/* Some example SCSS */
|
|
||||||
|
|
||||||
@import "compass/css3";
|
|
||||||
$variable: #333;
|
|
||||||
|
|
||||||
$blue: #3bbfce;
|
|
||||||
$margin: 16px;
|
|
||||||
|
|
||||||
.content-navigation {
|
|
||||||
#nested {
|
|
||||||
background-color: black;
|
|
||||||
}
|
|
||||||
border-color: $blue;
|
|
||||||
color:
|
|
||||||
darken($blue, 9%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.border {
|
|
||||||
padding: $margin / 2;
|
|
||||||
margin: $margin / 2;
|
|
||||||
border-color: $blue;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin table-base {
|
|
||||||
th {
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
td, th {padding: 2px}
|
|
||||||
}
|
|
||||||
|
|
||||||
table.hl {
|
|
||||||
margin: 2em 0;
|
|
||||||
td.ln {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
font: {
|
|
||||||
family: serif;
|
|
||||||
weight: bold;
|
|
||||||
size: 1.2em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin left($dist) {
|
|
||||||
float: left;
|
|
||||||
margin-left: $dist;
|
|
||||||
}
|
|
||||||
|
|
||||||
#data {
|
|
||||||
@include left(10px);
|
|
||||||
@include table-base;
|
|
||||||
}
|
|
||||||
|
|
||||||
.source {
|
|
||||||
@include flow-into(target);
|
|
||||||
border: 10px solid green;
|
|
||||||
margin: 20px;
|
|
||||||
width: 200px; }
|
|
||||||
|
|
||||||
.new-container {
|
|
||||||
@include flow-from(target);
|
|
||||||
border: 10px solid red;
|
|
||||||
margin: 20px;
|
|
||||||
width: 200px; }
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
padding: 3em 6em;
|
|
||||||
font-family: tahoma, arial, sans-serif;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin yellow() {
|
|
||||||
background: yellow;
|
|
||||||
}
|
|
||||||
|
|
||||||
.big {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nested {
|
|
||||||
@include border-radius(3px);
|
|
||||||
@extend .big;
|
|
||||||
p {
|
|
||||||
background: whitesmoke;
|
|
||||||
a {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#navigation a {
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 1.7em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1:before, h2:before {
|
|
||||||
content: "::";
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
font-family: courier, monospace;
|
|
||||||
font-size: 80%;
|
|
||||||
color: #418A8A;
|
|
||||||
}
|
|
||||||
</textarea></form>
|
|
||||||
<script>
|
|
||||||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
|
|
||||||
lineNumbers: true,
|
|
||||||
matchBrackets: true,
|
|
||||||
mode: "text/x-scss"
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<p>The SCSS mode is a sub-mode of the <a href="index.html">CSS mode</a> (defined in <code>css.js</code>).</p>
|
|
||||||
|
|
||||||
<p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#scss_*">normal</a>, <a href="../../test/index.html#verbose,scss_*">verbose</a>.</p>
|
|
||||||
|
|
||||||
</article>
|
|
||||||
110
vendor/codemirror/mode/css/scss_test.js
vendored
110
vendor/codemirror/mode/css/scss_test.js
vendored
|
|
@ -1,110 +0,0 @@
|
||||||
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
|
||||||
// Distributed under an MIT license: http://codemirror.net/LICENSE
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
var mode = CodeMirror.getMode({indentUnit: 2}, "text/x-scss");
|
|
||||||
function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1), "scss"); }
|
|
||||||
|
|
||||||
MT('url_with_quotation',
|
|
||||||
"[tag foo] { [property background]:[atom url]([string test.jpg]) }");
|
|
||||||
|
|
||||||
MT('url_with_double_quotes',
|
|
||||||
"[tag foo] { [property background]:[atom url]([string \"test.jpg\"]) }");
|
|
||||||
|
|
||||||
MT('url_with_single_quotes',
|
|
||||||
"[tag foo] { [property background]:[atom url]([string \'test.jpg\']) }");
|
|
||||||
|
|
||||||
MT('string',
|
|
||||||
"[def @import] [string \"compass/css3\"]");
|
|
||||||
|
|
||||||
MT('important_keyword',
|
|
||||||
"[tag foo] { [property background]:[atom url]([string \'test.jpg\']) [keyword !important] }");
|
|
||||||
|
|
||||||
MT('variable',
|
|
||||||
"[variable-2 $blue]:[atom #333]");
|
|
||||||
|
|
||||||
MT('variable_as_attribute',
|
|
||||||
"[tag foo] { [property color]:[variable-2 $blue] }");
|
|
||||||
|
|
||||||
MT('numbers',
|
|
||||||
"[tag foo] { [property padding]:[number 10px] [number 10] [number 10em] [number 8in] }");
|
|
||||||
|
|
||||||
MT('number_percentage',
|
|
||||||
"[tag foo] { [property width]:[number 80%] }");
|
|
||||||
|
|
||||||
MT('selector',
|
|
||||||
"[builtin #hello][qualifier .world]{}");
|
|
||||||
|
|
||||||
MT('singleline_comment',
|
|
||||||
"[comment // this is a comment]");
|
|
||||||
|
|
||||||
MT('multiline_comment',
|
|
||||||
"[comment /*foobar*/]");
|
|
||||||
|
|
||||||
MT('attribute_with_hyphen',
|
|
||||||
"[tag foo] { [property font-size]:[number 10px] }");
|
|
||||||
|
|
||||||
MT('string_after_attribute',
|
|
||||||
"[tag foo] { [property content]:[string \"::\"] }");
|
|
||||||
|
|
||||||
MT('directives',
|
|
||||||
"[def @include] [qualifier .mixin]");
|
|
||||||
|
|
||||||
MT('basic_structure',
|
|
||||||
"[tag p] { [property background]:[keyword red]; }");
|
|
||||||
|
|
||||||
MT('nested_structure',
|
|
||||||
"[tag p] { [tag a] { [property color]:[keyword red]; } }");
|
|
||||||
|
|
||||||
MT('mixin',
|
|
||||||
"[def @mixin] [tag table-base] {}");
|
|
||||||
|
|
||||||
MT('number_without_semicolon',
|
|
||||||
"[tag p] {[property width]:[number 12]}",
|
|
||||||
"[tag a] {[property color]:[keyword red];}");
|
|
||||||
|
|
||||||
MT('atom_in_nested_block',
|
|
||||||
"[tag p] { [tag a] { [property color]:[atom #000]; } }");
|
|
||||||
|
|
||||||
MT('interpolation_in_property',
|
|
||||||
"[tag foo] { #{[variable-2 $hello]}:[number 2]; }");
|
|
||||||
|
|
||||||
MT('interpolation_in_selector',
|
|
||||||
"[tag foo]#{[variable-2 $hello]} { [property color]:[atom #000]; }");
|
|
||||||
|
|
||||||
MT('interpolation_error',
|
|
||||||
"[tag foo]#{[variable foo]} { [property color]:[atom #000]; }");
|
|
||||||
|
|
||||||
MT("divide_operator",
|
|
||||||
"[tag foo] { [property width]:[number 4] [operator /] [number 2] }");
|
|
||||||
|
|
||||||
MT('nested_structure_with_id_selector',
|
|
||||||
"[tag p] { [builtin #hello] { [property color]:[keyword red]; } }");
|
|
||||||
|
|
||||||
MT('indent_mixin',
|
|
||||||
"[def @mixin] [tag container] (",
|
|
||||||
" [variable-2 $a]: [number 10],",
|
|
||||||
" [variable-2 $b]: [number 10])",
|
|
||||||
"{}");
|
|
||||||
|
|
||||||
MT('indent_nested',
|
|
||||||
"[tag foo] {",
|
|
||||||
" [tag bar] {",
|
|
||||||
" }",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT('indent_parentheses',
|
|
||||||
"[tag foo] {",
|
|
||||||
" [property color]: [atom darken]([variable-2 $blue],",
|
|
||||||
" [number 9%]);",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT('indent_vardef',
|
|
||||||
"[variable-2 $name]:",
|
|
||||||
" [string 'val'];",
|
|
||||||
"[tag tag] {",
|
|
||||||
" [tag inner] {",
|
|
||||||
" [property margin]: [number 3px];",
|
|
||||||
" }",
|
|
||||||
"}");
|
|
||||||
})();
|
|
||||||
200
vendor/codemirror/mode/css/test.js
vendored
200
vendor/codemirror/mode/css/test.js
vendored
|
|
@ -1,200 +0,0 @@
|
||||||
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
|
||||||
// Distributed under an MIT license: http://codemirror.net/LICENSE
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
var mode = CodeMirror.getMode({indentUnit: 2}, "css");
|
|
||||||
function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)); }
|
|
||||||
|
|
||||||
// Error, because "foobarhello" is neither a known type or property, but
|
|
||||||
// property was expected (after "and"), and it should be in parentheses.
|
|
||||||
MT("atMediaUnknownType",
|
|
||||||
"[def @media] [attribute screen] [keyword and] [error foobarhello] { }");
|
|
||||||
|
|
||||||
// Soft error, because "foobarhello" is not a known property or type.
|
|
||||||
MT("atMediaUnknownProperty",
|
|
||||||
"[def @media] [attribute screen] [keyword and] ([error foobarhello]) { }");
|
|
||||||
|
|
||||||
// Make sure nesting works with media queries
|
|
||||||
MT("atMediaMaxWidthNested",
|
|
||||||
"[def @media] [attribute screen] [keyword and] ([property max-width]: [number 25px]) { [tag foo] { } }");
|
|
||||||
|
|
||||||
MT("atMediaFeatureValueKeyword",
|
|
||||||
"[def @media] ([property orientation]: [keyword landscape]) { }");
|
|
||||||
|
|
||||||
MT("atMediaUnknownFeatureValueKeyword",
|
|
||||||
"[def @media] ([property orientation]: [error upsidedown]) { }");
|
|
||||||
|
|
||||||
MT("tagSelector",
|
|
||||||
"[tag foo] { }");
|
|
||||||
|
|
||||||
MT("classSelector",
|
|
||||||
"[qualifier .foo-bar_hello] { }");
|
|
||||||
|
|
||||||
MT("idSelector",
|
|
||||||
"[builtin #foo] { [error #foo] }");
|
|
||||||
|
|
||||||
MT("tagSelectorUnclosed",
|
|
||||||
"[tag foo] { [property margin]: [number 0] } [tag bar] { }");
|
|
||||||
|
|
||||||
MT("tagStringNoQuotes",
|
|
||||||
"[tag foo] { [property font-family]: [variable hello] [variable world]; }");
|
|
||||||
|
|
||||||
MT("tagStringDouble",
|
|
||||||
"[tag foo] { [property font-family]: [string \"hello world\"]; }");
|
|
||||||
|
|
||||||
MT("tagStringSingle",
|
|
||||||
"[tag foo] { [property font-family]: [string 'hello world']; }");
|
|
||||||
|
|
||||||
MT("tagColorKeyword",
|
|
||||||
"[tag foo] {",
|
|
||||||
" [property color]: [keyword black];",
|
|
||||||
" [property color]: [keyword navy];",
|
|
||||||
" [property color]: [keyword yellow];",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("tagColorHex3",
|
|
||||||
"[tag foo] { [property background]: [atom #fff]; }");
|
|
||||||
|
|
||||||
MT("tagColorHex4",
|
|
||||||
"[tag foo] { [property background]: [atom #ffff]; }");
|
|
||||||
|
|
||||||
MT("tagColorHex6",
|
|
||||||
"[tag foo] { [property background]: [atom #ffffff]; }");
|
|
||||||
|
|
||||||
MT("tagColorHex8",
|
|
||||||
"[tag foo] { [property background]: [atom #ffffffff]; }");
|
|
||||||
|
|
||||||
MT("tagColorHex5Invalid",
|
|
||||||
"[tag foo] { [property background]: [atom&error #fffff]; }");
|
|
||||||
|
|
||||||
MT("tagColorHexInvalid",
|
|
||||||
"[tag foo] { [property background]: [atom&error #ffg]; }");
|
|
||||||
|
|
||||||
MT("tagNegativeNumber",
|
|
||||||
"[tag foo] { [property margin]: [number -5px]; }");
|
|
||||||
|
|
||||||
MT("tagPositiveNumber",
|
|
||||||
"[tag foo] { [property padding]: [number 5px]; }");
|
|
||||||
|
|
||||||
MT("tagVendor",
|
|
||||||
"[tag foo] { [meta -foo-][property box-sizing]: [meta -foo-][atom border-box]; }");
|
|
||||||
|
|
||||||
MT("tagBogusProperty",
|
|
||||||
"[tag foo] { [property&error barhelloworld]: [number 0]; }");
|
|
||||||
|
|
||||||
MT("tagTwoProperties",
|
|
||||||
"[tag foo] { [property margin]: [number 0]; [property padding]: [number 0]; }");
|
|
||||||
|
|
||||||
MT("tagTwoPropertiesURL",
|
|
||||||
"[tag foo] { [property background]: [atom url]([string //example.com/foo.png]); [property padding]: [number 0]; }");
|
|
||||||
|
|
||||||
MT("indent_tagSelector",
|
|
||||||
"[tag strong], [tag em] {",
|
|
||||||
" [property background]: [atom rgba](",
|
|
||||||
" [number 255], [number 255], [number 0], [number .2]",
|
|
||||||
" );",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("indent_atMedia",
|
|
||||||
"[def @media] {",
|
|
||||||
" [tag foo] {",
|
|
||||||
" [property color]:",
|
|
||||||
" [keyword yellow];",
|
|
||||||
" }",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("indent_comma",
|
|
||||||
"[tag foo] {",
|
|
||||||
" [property font-family]: [variable verdana],",
|
|
||||||
" [atom sans-serif];",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("indent_parentheses",
|
|
||||||
"[tag foo]:[variable-3 before] {",
|
|
||||||
" [property background]: [atom url](",
|
|
||||||
"[string blahblah]",
|
|
||||||
"[string etc]",
|
|
||||||
"[string ]) [keyword !important];",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("font_face",
|
|
||||||
"[def @font-face] {",
|
|
||||||
" [property font-family]: [string 'myfont'];",
|
|
||||||
" [error nonsense]: [string 'abc'];",
|
|
||||||
" [property src]: [atom url]([string http://blah]),",
|
|
||||||
" [atom url]([string http://foo]);",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("empty_url",
|
|
||||||
"[def @import] [atom url]() [attribute screen];");
|
|
||||||
|
|
||||||
MT("parens",
|
|
||||||
"[qualifier .foo] {",
|
|
||||||
" [property background-image]: [variable fade]([atom #000], [number 20%]);",
|
|
||||||
" [property border-image]: [atom linear-gradient](",
|
|
||||||
" [atom to] [atom bottom],",
|
|
||||||
" [variable fade]([atom #000], [number 20%]) [number 0%],",
|
|
||||||
" [variable fade]([atom #000], [number 20%]) [number 100%]",
|
|
||||||
" );",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("css_variable",
|
|
||||||
":[variable-3 root] {",
|
|
||||||
" [variable-2 --main-color]: [atom #06c];",
|
|
||||||
"}",
|
|
||||||
"[tag h1][builtin #foo] {",
|
|
||||||
" [property color]: [atom var]([variable-2 --main-color]);",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("supports",
|
|
||||||
"[def @supports] ([keyword not] (([property text-align-last]: [atom justify]) [keyword or] ([meta -moz-][property text-align-last]: [atom justify])) {",
|
|
||||||
" [property text-align-last]: [atom justify];",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("document",
|
|
||||||
"[def @document] [tag url]([string http://blah]),",
|
|
||||||
" [tag url-prefix]([string https://]),",
|
|
||||||
" [tag domain]([string blah.com]),",
|
|
||||||
" [tag regexp]([string \".*blah.+\"]) {",
|
|
||||||
" [builtin #id] {",
|
|
||||||
" [property background-color]: [keyword white];",
|
|
||||||
" }",
|
|
||||||
" [tag foo] {",
|
|
||||||
" [property font-family]: [variable Verdana], [atom sans-serif];",
|
|
||||||
" }",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("document_url",
|
|
||||||
"[def @document] [tag url]([string http://blah]) { [qualifier .class] { } }");
|
|
||||||
|
|
||||||
MT("document_urlPrefix",
|
|
||||||
"[def @document] [tag url-prefix]([string https://]) { [builtin #id] { } }");
|
|
||||||
|
|
||||||
MT("document_domain",
|
|
||||||
"[def @document] [tag domain]([string blah.com]) { [tag foo] { } }");
|
|
||||||
|
|
||||||
MT("document_regexp",
|
|
||||||
"[def @document] [tag regexp]([string \".*blah.+\"]) { [builtin #id] { } }");
|
|
||||||
|
|
||||||
MT("counter-style",
|
|
||||||
"[def @counter-style] [variable binary] {",
|
|
||||||
" [property system]: [atom numeric];",
|
|
||||||
" [property symbols]: [number 0] [number 1];",
|
|
||||||
" [property suffix]: [string \".\"];",
|
|
||||||
" [property range]: [atom infinite];",
|
|
||||||
" [property speak-as]: [atom numeric];",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("counter-style-additive-symbols",
|
|
||||||
"[def @counter-style] [variable simple-roman] {",
|
|
||||||
" [property system]: [atom additive];",
|
|
||||||
" [property additive-symbols]: [number 10] [variable X], [number 5] [variable V], [number 1] [variable I];",
|
|
||||||
" [property range]: [number 1] [number 49];",
|
|
||||||
"}");
|
|
||||||
|
|
||||||
MT("counter-style-use",
|
|
||||||
"[tag ol][qualifier .roman] { [property list-style]: [variable simple-roman]; }");
|
|
||||||
|
|
||||||
MT("counter-style-symbols",
|
|
||||||
"[tag ol] { [property list-style]: [atom symbols]([atom cyclic] [string \"*\"] [string \"\\2020\"] [string \"\\2021\"] [string \"\\A7\"]); }");
|
|
||||||
})();
|
|
||||||
Loading…
Reference in New Issue
Block a user