1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<h2>Comments</h2>
<pre><code>// Single line comment
/* Multi-line
comment */</code></pre>
<h2>At-rules</h2>
<pre><code>@import "foo.scss";
@media (min-width: 600px) {}
.seriousError {
@extend .error;
}
@for $i from 1 through 3 {}
</code></pre>
<h2>Compass URLs</h2>
<pre><code>@font-face {
font-family: "opensans";
src: font-url("opensans.ttf");
}</code></pre>
<h2>Variables</h2>
<pre><code>$width: 5em;
#main {
width: $width;
}</code></pre>
<h2>Interpolations are highlighted in property names</h2>
<pre><code>p.#{$name} {
#{$attr}-color: blue;
}
</code></pre>
|
