Does SCSS support inline comments?

Question

Can I keep an inline comment like this in my .scss file

thead {
    display: table-header-group; // h5bp.com/t
}

I don't want this comment in my CSS output.

That comment won't appear in your CSS output according to the [documentation](http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#comments). Unless something changed... — BoltClock, Nov 13 '12 at 08:55

score 109 · Accepted Answer · edited May 24 '23 at 10:17

109

There are two different types of comments to consider in SASS.

Single line comments // will be removed by the .scss pre-processor, and won't appear in your .css file.
Multiline comments */ are valid CSS, and will be preserved between the translation from .scss to your .css file.

Except for some compressed modes, unless you start the comment with a !. See http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#comments.

It sounds like inline comments // are what you're looking for.

edited May 24 '23 at 10:17

Audwin Oyong

answered Nov 13 '12 at 05:36

KatieK

2

Sorry i edited my question. I was actually asking for scss comments `//` – Jitendra Vyas Nov 13 '12 at 05:42
1

@JitendraVyas - I've updated my answer - `//` comments seem to be what you're looking for. – KatieK Nov 13 '12 at 17:23
1

I think you have your `*/` switched? multiline comments should be `/* your comment here */` – spartikus Jun 13 '17 at 16:13

score 7 · Answer 2 · edited Jul 14 '20 at 11:39

7

Yes, you can do it in SCSS.

Use inline comment: //.

These single-line comments are removed in the CSS output.

edited Jul 14 '20 at 11:39

Akshay Vijay Jain

answered Apr 10 '17 at 06:41

simhumileco

2 Answers2