Edit File by line

<!doctype html>

[0] Fix | Delete

[1] Fix | Delete

<title>CodeMirror: Closure Stylesheets (GSS) mode</title>

[2] Fix | Delete

[3] Fix | Delete

[4] Fix | Delete

[5] Fix | Delete

[6] Fix | Delete

[7] Fix | Delete

[8] Fix | Delete

[9] Fix | Delete

[10] Fix | Delete

[11] Fix | Delete

[12] Fix | Delete

[13] Fix | Delete

<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>

[14] Fix | Delete

[15] Fix | Delete

<ul>

[16] Fix | Delete

[17] Fix | Delete

<li><a href="../../doc/manual.html">Manual</a>

[18] Fix | Delete

[19] Fix | Delete

</ul>

[20] Fix | Delete

<ul>

[21] Fix | Delete

<li><a href="../index.html">Language modes</a>

[22] Fix | Delete

<li><a class=active href="#">Closure Stylesheets (GSS)</a>

[23] Fix | Delete

</ul>

[24] Fix | Delete

</div>

[25] Fix | Delete

[26] Fix | Delete

[27] Fix | Delete

<h2>Closure Stylesheets (GSS) mode</h2>

[28] Fix | Delete

[29] Fix | Delete

/* Some example Closure Stylesheets */

[30] Fix | Delete

[31] Fix | Delete

@provide 'some.styles';

[32] Fix | Delete

[33] Fix | Delete

@require 'other.styles';

[34] Fix | Delete

[35] Fix | Delete

@component {

[36] Fix | Delete

[37] Fix | Delete

@def FONT_FAMILY "Times New Roman", Georgia, Serif;

[38] Fix | Delete

@def FONT_SIZE_NORMAL 15px;

[39] Fix | Delete

@def FONT_NORMAL normal FONT_SIZE_NORMAL FONT_FAMILY;

[40] Fix | Delete

[41] Fix | Delete

@def BG_COLOR rgb(235, 239, 249);

[42] Fix | Delete

[43] Fix | Delete

@def DIALOG_BORDER_COLOR rgb(107, 144, 218);

[44] Fix | Delete

@def DIALOG_BG_COLOR BG_COLOR;

[45] Fix | Delete

[46] Fix | Delete

@def LEFT_HAND_NAV_WIDTH 180px;

[47] Fix | Delete

@def LEFT_HAND_NAV_PADDING 3px;

[48] Fix | Delete

[49] Fix | Delete

@defmixin size(WIDTH, HEIGHT) {

[50] Fix | Delete

width: WIDTH;

[51] Fix | Delete

height: HEIGHT;

[52] Fix | Delete

}

[53] Fix | Delete

[54] Fix | Delete

body {

[55] Fix | Delete

background-color: BG_COLOR;

[56] Fix | Delete

margin: 0;

[57] Fix | Delete

padding: 3em 6em;

[58] Fix | Delete

font: FONT_NORMAL;

[59] Fix | Delete

color: #000;

[60] Fix | Delete

}

[61] Fix | Delete

[62] Fix | Delete

#navigation a {

[63] Fix | Delete

font-weight: bold;

[64] Fix | Delete

text-decoration: none !important;

[65] Fix | Delete

}

[66] Fix | Delete

[67] Fix | Delete

.dialog {

[68] Fix | Delete

background-color: DIALOG_BG_COLOR;

[69] Fix | Delete

border: 1px solid DIALOG_BORDER_COLOR;

[70] Fix | Delete

}

[71] Fix | Delete

[72] Fix | Delete

.content {

[73] Fix | Delete

position: absolute;

[74] Fix | Delete

margin-left: add(LEFT_HAND_NAV_PADDING, /* padding left */

[75] Fix | Delete

LEFT_HAND_NAV_WIDTH,

[76] Fix | Delete

LEFT_HAND_NAV_PADDING); /* padding right */

[77] Fix | Delete

[78] Fix | Delete

}

[79] Fix | Delete

[80] Fix | Delete

.logo {

[81] Fix | Delete

@mixin size(150px, 55px);

[82] Fix | Delete

background-image: url('http://www.google.com/images/logo_sm.gif');

[83] Fix | Delete

}

[84] Fix | Delete

[85] Fix | Delete

}

[86] Fix | Delete

</textarea></form>

[87] Fix | Delete

[88] Fix | Delete

var editor = CodeMirror.fromTextArea(document.getElementById("code"), {

[89] Fix | Delete

extraKeys: {"Ctrl-Space": "autocomplete"},

[90] Fix | Delete

lineNumbers: true,

[91] Fix | Delete

matchBrackets: "text/x-less",

[92] Fix | Delete

mode: "text/x-gss"

[93] Fix | Delete

});

[94] Fix | Delete

</script>

[95] Fix | Delete

[96] Fix | Delete

<p>A mode for <a href="https://github.com/google/closure-stylesheets">Closure Stylesheets</a> (GSS).</p>

[97] Fix | Delete

<p><strong>MIME type defined:</strong> <code>text/x-gss</code>.</p>

[98] Fix | Delete

[99] Fix | Delete

<p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#gss_*">normal</a>, <a href="../../test/index.html#verbose,gss_*">verbose</a>.</p>

[100] Fix | Delete

[101] Fix | Delete

</article>

[102] Fix | Delete

[103] Fix | Delete