@aesthetic/addon-vendor package provides a custom runtime for
vendor prefixing properties,
values, value functions, and selectors. With this approach, we have full control of the
implementation and browser targets.
Without the vendor prefixing addon, the properties are rendered as-is.
With the vendor prefixing addon installed and configured, the properties are rendered with any applicable prefixes.
What if prefixes are missing for a feature I would expect them to, like CSS flexbox? In most cases, the feature in question is actually fully supported by our browser targets, so vendor prefixes are not necessary! When in doubt, verify on caniuse.com.
Currently, features and browsers that are not dead and have >= 1% market share will apply vendor prefixes. This list is as follows.
- Chrome v77
- Chrome for Android v78
- Edge v18
- Firefox v70
- Internet Explorer v11
- Safari v13
- Safari for iOS v12.4
- Samsung Internet v10.1
- UC Browser for Android v12.12