Introduction
This standard defines how vendor prefixes MUST be handled to avoid redundancy and ensure correct browser compatibility.
Rules
Vendor prefixes (
-webkit-,-moz-,-ms-) MUST NOT be written manually if Autoprefixer is configured in the project build pipeline (webpack / Laravel Mix).Autoprefixer handles prefix insertion automatically based on the project browserlist configuration, ensuring only necessary prefixes are added.
Exceptions
Font rendering properties MAY be written manually, as Autoprefixer does not cover them:
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;Similarly, touch-specific properties MAY be written manually:
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;Verification
When unsure whether Autoprefixer covers a specific property, check the Autoprefixer online tool or the project browserlist configuration.