Sass (Scss)

To use this language, use the class "language-scss".

Comments

// Single line comment
/* Multi-line
comment */

At-rules

@import "foo.scss";
@media (min-width: 600px) {}
.seriousError {
    @extend .error;
}
@for $i from 1 through 3 {}

Compass URLs

@font-face {
	font-family: "opensans";
	src: font-url("opensans.ttf");
}

Variables

$width: 5em;
#main {
    width: $width;
}

Interpolations are highlighted in property names

p.#{$name} {
    #{$attr}-color: blue;
}

Known failures

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.

Media queries are not highlighted properly when not starting with a parenthesis.

@media screen {}