Search code examples
cssstylelint

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?

Solution

  • 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).