CODEWITHSUNDEEP
cssstylelint
User7354632781
User7354632781

Reputation: 2274

CSS lint throwing errors

I am running lint and getting following errors.

Unexpected vendor-prefix "-webkit-animation" 

Unexpected named color "white"

Here are the css classes where i am getting error

.well-classname--progress {
  -webkit-animation: loadbar 1s linear forwards;
  animation: loadbar 1s linear forwards;
  opacity: 0;
  transform: translateX(-100%) translate3d(0, 0, 0);
  // margin-right: 1px;
}

.well-classname--progress:not(:last-child) {
  border-right: 1px solid white;
}

Any idea why i am getting those lint errors?

Upvotes: 2

Views: 5245

Answers (1)

Misha
Misha

Reputation: 6588

Unexpected vendor-prefix "-webkit-animation"

This is value-no-vendor-prefix stylelint rule.

You can avoid including vendor-prefixed properties by using autoprefixer.

Or just disable this rule.

Unexpected named color "white"

This is color-named rule set to "never".

You can either set it to "always-where-possible", if you want to always use named colors, either replace white with #fff (preferable).

Upvotes: 2

Related Questions