coffee-grinder
coffee-grinder

Reputation: 27600

Having scss-lint ignore a particular line

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;  // sass-lint: ignore
}

Upvotes: 22

Views: 24044

Answers (2)

ccjmne
ccjmne

Reputation: 9618

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.

Upvotes: 12

steveax
steveax

Reputation: 17753

Yep, see the docs on disabling linters via source

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

Upvotes: 39

Related Questions