# 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 {}