31 lines
579 B
HTML
31 lines
579 B
HTML
|
<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>
|