CS-Notes/docs/_style/prism-master/examples/prism-sass.html

47 lines
1.2 KiB
Java
Raw Normal View History

2018-12-19 14:09:39 +08:00
<h2>Comments</h2>
<pre><code>/* This comment will appear in the CSS output.
This is nested beneath the comment,
so it's part of it
// This comment will not appear in the CSS output.
This is nested beneath the comment as well,
so it also won't appear</code></pre>
<h2>At-rules and shortcuts</h2>
<pre><code>@mixin large-text
color: #ff0000
@media (min-width: 600px)
h1
@include large-text
=large-text
color: #ff0000
h1
+large-text</code></pre>
<h2>Variables</h2>
<pre><code>$width: 5em
#main
width: $width
</code></pre>
<h2>Known failures</h2>
<p>There are certain edge cases where Prism will fail.
There are always such cases in every regex-based syntax highlighter.
However, Prism dares to be open and honest about them.
If a failure is listed here, it doesnt mean it will never be fixed. This is more of a known bugs list, just with a certain type of bug.
</p>
<h3>Deprecated Sass syntax is not supported</h3>
<pre><code>.page
color = 5px + 9px
!width = 13px
.icon
width = !width</code></pre>
<h3>Selectors with pseudo classes are highlighted as property/value pairs</h3>
<pre><code>a:hover
text-decoration: underline</code></pre>