Edit File by line

<!doctype html>

[0] Fix | Delete

[1] Fix | Delete

<title>CodeMirror: Stylus 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

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

[13] Fix | Delete

[14] Fix | Delete

<ul>

[15] Fix | Delete

[16] Fix | Delete

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

[17] Fix | Delete

[18] Fix | Delete

</ul>

[19] Fix | Delete

<ul>

[20] Fix | Delete

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

[21] Fix | Delete

<li><a class=active href="#">Stylus</a>

[22] Fix | Delete

</ul>

[23] Fix | Delete

</div>

[24] Fix | Delete

[25] Fix | Delete

[26] Fix | Delete

<h2>Stylus mode</h2>

[27] Fix | Delete

[28] Fix | Delete

/* Stylus mode */

[29] Fix | Delete

[30] Fix | Delete

#id,

[31] Fix | Delete

.class,

[32] Fix | Delete

article

[33] Fix | Delete

font-family Arial, sans-serif

[34] Fix | Delete

[35] Fix | Delete

#id,

[36] Fix | Delete

.class,

[37] Fix | Delete

article {

[38] Fix | Delete

font-family: Arial, sans-serif;

[39] Fix | Delete

}

[40] Fix | Delete

[41] Fix | Delete

// Variables

[42] Fix | Delete

font-size-base = 16px

[43] Fix | Delete

line-height-base = 1.5

[44] Fix | Delete

font-family-base = "Helvetica Neue", Helvetica, Arial, sans-serif

[45] Fix | Delete

text-color = lighten(#000, 20%)

[46] Fix | Delete

[47] Fix | Delete

body

[48] Fix | Delete

font font-size-base/line-height-base font-family-base

[49] Fix | Delete

color text-color

[50] Fix | Delete

[51] Fix | Delete

body {

[52] Fix | Delete

font: 400 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;

[53] Fix | Delete

color: #333;

[54] Fix | Delete

}

[55] Fix | Delete

[56] Fix | Delete

// Variables

[57] Fix | Delete

link-color = darken(#428bca, 6.5%)

[58] Fix | Delete

link-hover-color = darken(link-color, 15%)

[59] Fix | Delete

link-decoration = none

[60] Fix | Delete

link-hover-decoration = false

[61] Fix | Delete

[62] Fix | Delete

// Mixin

[63] Fix | Delete

tab-focus()

[64] Fix | Delete

outline thin dotted

[65] Fix | Delete

outline 5px auto -webkit-focus-ring-color

[66] Fix | Delete

outline-offset -2px

[67] Fix | Delete

[68] Fix | Delete

[69] Fix | Delete

color link-color

[70] Fix | Delete

if link-decoration

[71] Fix | Delete

text-decoration link-decoration

[72] Fix | Delete

&:hover

[73] Fix | Delete

&:focus

[74] Fix | Delete

color link-hover-color

[75] Fix | Delete

if link-hover-decoration

[76] Fix | Delete

text-decoration link-hover-decoration

[77] Fix | Delete

&:focus

[78] Fix | Delete

tab-focus()

[79] Fix | Delete

[80] Fix | Delete

a {

[81] Fix | Delete

color: #3782c4;

[82] Fix | Delete

text-decoration: none;

[83] Fix | Delete

}

[84] Fix | Delete

a:hover,

[85] Fix | Delete

a:focus {

[86] Fix | Delete

color: #2f6ea7;

[87] Fix | Delete

}

[88] Fix | Delete

a:focus {

[89] Fix | Delete

outline: thin dotted;

[90] Fix | Delete

outline: 5px auto -webkit-focus-ring-color;

[91] Fix | Delete

outline-offset: -2px;

[92] Fix | Delete

}

[93] Fix | Delete

</textarea>

[94] Fix | Delete

</form>

[95] Fix | Delete

[96] Fix | Delete

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

[97] Fix | Delete

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

[98] Fix | Delete

tabSize: 2

[99] Fix | Delete

});

[100] Fix | Delete

</script>

[101] Fix | Delete

[102] Fix | Delete

<p><strong>MIME types defined:</strong> <code>text/x-styl</code>.</p>

[103] Fix | Delete

<p>Created by <a href="https://github.com/dmitrykiselyov">Dmitry Kiselyov</a></p>

[104] Fix | Delete

</article>

[105] Fix | Delete

[106] Fix | Delete