Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Having scss-lint ignore a particular line

Tags:

sass

lint

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
}
like image 465
coffee-grinder Avatar asked Sep 28 '15 23:09

coffee-grinder


2 Answers

Yep, see the docs on disabling linters via source

// scss-lint:disable ImportantRule
.example {
  display: block !important;
}
// scss-lint:enable ImportantRule
like image 190
steveax Avatar answered Nov 05 '22 13:11

steveax


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.

like image 23
ccjmne Avatar answered Nov 05 '22 13:11

ccjmne