Edit File by line

<!doctype html>

[0] Fix | Delete

[1] Fix | Delete

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

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

[12] Fix | Delete

[13] Fix | Delete

<ul>

[14] Fix | Delete

[15] Fix | Delete

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

[16] Fix | Delete

[17] Fix | Delete

</ul>

[18] Fix | Delete

<ul>

[19] Fix | Delete

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

[20] Fix | Delete

[21] Fix | Delete

</ul>

[22] Fix | Delete

</div>

[23] Fix | Delete

[24] Fix | Delete

[25] Fix | Delete

[26] Fix | Delete

<form><textarea id="code" name="code">@media screen and (device-aspect-ratio: 16/9) { … }

[27] Fix | Delete

@media screen and (device-aspect-ratio: 1280/720) { … }

[28] Fix | Delete

@media screen and (device-aspect-ratio: 2560/1440) { … }

[29] Fix | Delete

[30] Fix | Delete

html:lang(fr-be)

[31] Fix | Delete

[32] Fix | Delete

tr:nth-child(2n+1) /* represents every odd row of an HTML table */

[33] Fix | Delete

[34] Fix | Delete

img:nth-of-type(2n+1) { float: right; }

[35] Fix | Delete

img:nth-of-type(2n) { float: left; }

[36] Fix | Delete

[37] Fix | Delete

body > h2:not(:first-of-type):not(:last-of-type)

[38] Fix | Delete

[39] Fix | Delete

html|*:not(:link):not(:visited)

[40] Fix | Delete

*|*:not(:hover)

[41] Fix | Delete

p::first-line { text-transform: uppercase }

[42] Fix | Delete

[43] Fix | Delete

@namespace foo url(http://www.example.com);

[44] Fix | Delete

foo|h1 { color: blue } /* first rule */

[45] Fix | Delete

[46] Fix | Delete

span[hello="Ocean"][goodbye="Land"]

[47] Fix | Delete

[48] Fix | Delete

E[foo]{

[49] Fix | Delete

padding:65px;

[50] Fix | Delete

}

[51] Fix | Delete

[52] Fix | Delete

input[type="search"]::-webkit-search-decoration,

[53] Fix | Delete

input[type="search"]::-webkit-search-cancel-button {

[54] Fix | Delete

-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5

[55] Fix | Delete

}

[56] Fix | Delete

button::-moz-focus-inner,

[57] Fix | Delete

input::-moz-focus-inner { // Inner padding and border oddities in FF3/4

[58] Fix | Delete

padding: 0;

[59] Fix | Delete

border: 0;

[60] Fix | Delete

}

[61] Fix | Delete

.btn {

[62] Fix | Delete

// reset here as of 2.0.3 due to Recess property order

[63] Fix | Delete

border-color: #ccc;

[64] Fix | Delete

border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);

[65] Fix | Delete

}

[66] Fix | Delete

fieldset span button, fieldset span input[type="file"] {

[67] Fix | Delete

font-size:12px;

[68] Fix | Delete

font-family:Arial, Helvetica, sans-serif;

[69] Fix | Delete

}

[70] Fix | Delete

[71] Fix | Delete

.rounded-corners (@radius: 5px) {

[72] Fix | Delete

border-radius: @radius;

[73] Fix | Delete

-webkit-border-radius: @radius;

[74] Fix | Delete

-moz-border-radius: @radius;

[75] Fix | Delete

}

[76] Fix | Delete

[77] Fix | Delete

@import url("something.css");

[78] Fix | Delete

[79] Fix | Delete

@light-blue: hsl(190, 50%, 65%);

[80] Fix | Delete

[81] Fix | Delete

#menu {

[82] Fix | Delete

position: absolute;

[83] Fix | Delete

width: 100%;

[84] Fix | Delete

z-index: 3;

[85] Fix | Delete

clear: both;

[86] Fix | Delete

display: block;

[87] Fix | Delete

background-color: @blue;

[88] Fix | Delete

height: 42px;

[89] Fix | Delete

border-top: 2px solid lighten(@alpha-blue, 20%);

[90] Fix | Delete

border-bottom: 2px solid darken(@alpha-blue, 25%);

[91] Fix | Delete

.box-shadow(0, 1px, 8px, 0.6);

[92] Fix | Delete

-moz-box-shadow: 0 0 0 #000; // Because firefox sucks.

[93] Fix | Delete

[94] Fix | Delete

&.docked {

[95] Fix | Delete

background-color: hsla(210, 60%, 40%, 0.4);

[96] Fix | Delete

}

[97] Fix | Delete

&:hover {

[98] Fix | Delete

background-color: @blue;

[99] Fix | Delete

}

[100] Fix | Delete

[101] Fix | Delete

#dropdown {

[102] Fix | Delete

margin: 0 0 0 117px;

[103] Fix | Delete

padding: 0;

[104] Fix | Delete

padding-top: 5px;

[105] Fix | Delete

display: none;

[106] Fix | Delete

width: 190px;

[107] Fix | Delete

border-top: 2px solid @medium;

[108] Fix | Delete

color: @highlight;

[109] Fix | Delete

border: 2px solid darken(@medium, 25%);

[110] Fix | Delete

border-left-color: darken(@medium, 15%);

[111] Fix | Delete

border-right-color: darken(@medium, 15%);

[112] Fix | Delete

border-top-width: 0;

[113] Fix | Delete

background-color: darken(@medium, 10%);

[114] Fix | Delete

ul {

[115] Fix | Delete

padding: 0px;

[116] Fix | Delete

}

[117] Fix | Delete

li {

[118] Fix | Delete

font-size: 14px;

[119] Fix | Delete

display: block;

[120] Fix | Delete

text-align: left;

[121] Fix | Delete

padding: 0;

[122] Fix | Delete

border: 0;

[123] Fix | Delete

a {

[124] Fix | Delete

display: block;

[125] Fix | Delete

padding: 0px 15px;

[126] Fix | Delete

text-decoration: none;

[127] Fix | Delete

color: white;

[128] Fix | Delete

&:hover {

[129] Fix | Delete

background-color: darken(@medium, 15%);

[130] Fix | Delete

text-decoration: none;

[131] Fix | Delete

}

[132] Fix | Delete

}

[133] Fix | Delete

}

[134] Fix | Delete

.border-radius(5px, bottom);

[135] Fix | Delete

.box-shadow(0, 6px, 8px, 0.5);

[136] Fix | Delete

}

[137] Fix | Delete

}

[138] Fix | Delete

</textarea></form>

[139] Fix | Delete

[140] Fix | Delete

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

[141] Fix | Delete

lineNumbers : true,

[142] Fix | Delete

matchBrackets : true,

[143] Fix | Delete

mode: "text/x-less"

[144] Fix | Delete

});

[145] Fix | Delete

</script>

[146] Fix | Delete

[147] Fix | Delete

<p>The LESS mode is a sub-mode of the <a href="index.html">CSS mode</a> (defined in <code>css.js</code>).</p>

[148] Fix | Delete

[149] Fix | Delete

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

[150] Fix | Delete

</article>

[151] Fix | Delete

[152] Fix | Delete