These linters are designed specifically for codebases which utilize the Compass framework. They are disabled by default, but can be enabled by adding the following to your configuration:
linters:
Compass::*:
enabled: true
You can of course enable/disable specific linters by referring to them by full
name, e.g. Compass::PropertyWithMixin
.
Prefer Compass mixins for properties when they exist.
Bad: property possibly not fully supported in all browsers
border-radius: 5px;
Good: using Compass mixin ensures all vendor-prefixed extensions are rendered
@include border-radius(5px);
These mixins include the necessary vendor-prefixed properties to increase the number of browsers the CSS supports.