rules.scsslint.VendorPrefixes.html Maven / Gradle / Ivy
Details
Avoid vendor prefixes. That is, don't write them yourself.
Instead, you can use Autoprefixer or mixins -- such as Compass or Bourbon -- to add vendor prefixes to your code. (If using your own mixins, make sure to exempt their source from this linter.)
At-rules, selectors, properties, and values are all checked. (See the examples below.)
The default identifier_list, base, should include everything that Autoprefixer addresses. You could also use a list covering Bourbon's CSS3 mixins: bourbon. If neither of those suit you, you can write your own identifier list.
Additionally, you can manually include or exclude identifiers from the identifier list -- if, for example, you want to use pretty much all of the base list but also want to allow yourself to use vendor prefixed transform properties, for one reason or another.
(All identifiers used by the identifier_list, include, or exclude are stripped of vendor prefixes. See the predefined lists for examples.)
Bad: vendor prefixes
@-webkit-keyframes anim {
0% { opacity: 0; }
}
::-moz-placeholder {
color: red;
}
.foo {
-webkit-transition: none;
}
.bar {
position: -moz-sticky;
}
Good
// With Autoprefixer ...
@keyframes anim {
0% { opacity: 0; }
}
::placeholder {
color: red;
}
.foo {
transition: none;
}
.bar {
position: sticky;
}
// With Bourbon mixin
@include placeholder {
color: red;
}
Configuration Option
Description
identifier_listName of predefined identifier list to use (base or bourbon) or an array of identifiers (default base)
includeIdentifiers to lint, in addition to the identifier_list (default [])
excludeIdentifers in the identifier_list to exclude from linting (default [])