47 lines
1.2 KiB
HTML
47 lines
1.2 KiB
HTML
|
<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 doesn’t 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>
|