Having scss-lint ignore a particular line

Question

How do you tell scss-lint to ignore a particular line in a .scss file?

i.e. can you do something like this:

.example {
  display: block !important;  // s         


        

Answer 1

Yep, see the docs on disabling linters via source

// scss-lint:disable ImportantRule
.example {
  display: block !important;
}
// scss-lint:enable ImportantRule

Answer 2

Just adding to steveax's great answer:

If it's just for the one line, you can directly add the comment there and it will only affect that very line.

For instance, consider the following piece of code:

.example {
  display: block !important; // scss-lint:disable ImportantRule
  color: #BADA55 !important;
}

Your linter will issue a warning for the color line (not complying with ImportantRule) but correctly ignore your dirty work with the display property.

---

I usually feel it's much clearer to be as specific as possible about the scope of the rule-bending exceptions and always try not to widen these to an entire block of code -- unless it indeed makes sense.