CS-Notes/docs/_style/prism-master/examples/prism-scss.html
2018-12-19 14:09:39 +08:00

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>